У меня есть приложение, которое загружается с Angular 2.0.0, выпуск 9/14/16 после всех выпусков rc. Я пытаюсь добавить Angular Material2, официальный выпуск MD от команды Google. Я копирую/вставляю код со своего сайта Getting Started, за исключением того, что я использую Atom, а не angular-cli, поскольку я уже создал начало приложения. Atom-машинопись находит все и говорит, что ошибок нет. Но, несмотря на провал с большим количеством проб, я неоднократно получаю, что они не обнаружили ошибки консоли, когда модифицированное приложение не загружается.угловой материал2 не работает в приложении Angular 2.0.0
zone.js: 1263 GET http://localhost:3000/node_modules/@angular2-material/button/ 404 (Not Found) scheduleTask @ zone.js: 1263
дом: 27 Ошибка: (SystemJS) ошибка XHR (404 Not Found) загрузка 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- список, теги 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