Skip to content
This repository has been archived by the owner on Dec 29, 2019. It is now read-only.

material2 Failed to load resource: the server responded with a status of 404 #9

Open
tsarenkotxt opened this issue Jan 29, 2018 · 1 comment

Comments

@tsarenkotxt
Copy link

I downloaded an examples [material2](https://github.com/angular/material2/tree/master/src/demo-app) tried `getlibs, but had exception:
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (theme.css, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (main.ts, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (index.ts, line 0)
[Error] Unhandled Promise Rejection: Error: Fetch error: 404 Not Found
Instantiating http://localhost:63342/main/index.ts
Loading http://localhost:63342/main.ts
Loading ./main.ts
(anonymous function) (min.js:2:231)
promiseReactionJob

can you help me ?

@xkam
Copy link
Contributor

xkam commented Jan 30, 2018

Sorry, I could not make it work. You have to look at their system.config and apply the relevant mappings. Here is what I have so far -

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="theme.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
</head>
<body>
  <entry-app>Loading...</entry-app>
<script src="https://unpkg.com/[email protected]/dist/min.js"></script>
<script>

System.config({

	typescriptOptions: {
		module: 'commonjs',
		sourceMap: true,
		emitDecoratorMetadata: true,
		experimentalDecorators: true
	},

	packages: {
		'../cdk': {main: 'public-api.ts', defaultExtension: 'ts'},
		'../lib': {main: 'public-api.ts', defaultExtension: 'ts'}
	},

	map: {
		'@angular/common/http': '@angular/common/bundles/common-http.umd.js',
		'@angular/platform-browser/animations': '@angular/platform-browser/bundles/platform-browser-animations.umd.js',
		'@angular/animations/browser': '@angular/animations/bundles/animations-browser.umd.js',
		'@angular/cdk': '../cdk',
		'@angular/material': '../lib',
		'@angular/material-experimental': '../material-experimental',
		'@angular/cdk-experimental': '../cdk-experimental'
	}
});

System.import('./main.ts');
</script>
</body>
</html>

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants