すべてのrcがリリースされた後、Angular 2.0.0、9/14/16のリリースでロードするアプリがあります。 Googleチームから公式のMDリリースであるAngular Material2を追加しようとしています。 Getting Startedサイトからコードをコピー/貼り付けていますが、私は既にアプリの初めを構築しているので、Atomを使用していてAngular-Cliは使用していません。 Atom-typescriptはすべてを見つけ、エラーがないと言います。しかし、多くの試行錯誤にもかかわらず、変更されたアプリが読み込まれないと、これらのコンソールエラーが繰り返し表示されます。角度素材2.0は角度2.0.0のアプリでは機能しません
zone.js：1263 GET http://localhost:3000/node_modules/@angular2-material/button/ 404（見つかりません）scheduleTask @ zone.js：1263
家：27エラー：（SystemJS）XHRエラー（404が見つかりません）ロードhttp://localhost:3000/node_modules/@angular2-material/button（...）
zone.js：1263 GET http://localhost:3000/node_modules/@angular2-material/list/ 404（見つからない）
私は上記のnode_modulesファイルを見て、それらは自分のコードに存在しています。
入門指示に従って、関連するコードは次のとおりです。
app.module.ts
import { MdButtonModule } from '@angular2-material/button';
import { MdListModule } from '@angular2-material/list';
@NgModule({
imports: [ BrowserModule,
FormsModule,
MdButtonModule,
MdListModule,
routing
],
systemjs.config.js
var map = {
'@angular2-material': 'node_modules/@angular2-material',
'@angular2-material/core': 'node_modules/@angular2-material/core/core',
'@angular2-material/list': 'node_modules/@angular2-material/list',
'@angular2-material/button': 'node_modules/@angular2-material/button'
};
var packages = {
'app': { main: 'main.js', defaultExtension: 'js' },
'rxjs': { defaultExtension: 'js' },
'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
};
function packIndex(pkgName) {
packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
}
function packUmd(pkgName) {
packages['@angular/'+pkgName] = { main: 'bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
}
var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
ngPackageNames.forEach(setPackageConfig);
HTMLページには、カップルを持っているMD- list、md-list-item、およびmd-buttonタグがあります。
変更する必要はありますか？
https://github.com/angular/material2/ blob/master/src/demo-app/system-config.ts – yurzui
http://stackoverflow.com/questions/39459721/angular2-angular2-material-error-xhr-error-404-not-found-loading-http- l/39462481＃39462481 – yurzui
https://medium.com/codingthesmartway-com-blog/using-material-design-in-angular-2-83a3128c58b7#.q8t2re7z6 – yurzui