AngularJS 2: Run (очень) Основное применение

Question

Я пытаюсь запустить first basic example of AngularJS 2 Но когда я пытаюсь запустить приложение (запуск НПМ в рамках моего проекта папки) Я получил следующее сообщение об ошибке:

angular2-quickstart@1.0.0 start /home/waterbed/xxxy 
tsc && concurrently "npm run tsc:w" "npm run lite" 

app/app.component.ts(3,10): error TS2305: Module '"/home/waterbed/xxxy/app/app.component"' has no exported member 'AppComponent'. 
app/main.ts(2,27): error TS2307: Cannot find module './app.module'. 

npm ERR! Linux 3.16.0-4-586 
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" 
npm ERR! node v4.4.5 
npm ERR! npm v2.15.5 
npm ERR! code ELIFECYCLE 
npm ERR! angular2-quickstart@1.0.0 start: `tsc && concurrently "npm run tsc:w" "npm run lite" ` 
npm ERR! Exit status 2 
npm ERR! 
npm ERR! Failed at the angular2-quickstart@1.0.0 start script 'tsc && concurrently "npm run tsc:w" "npm run lite" '. 
npm ERR! This is most likely a problem with the angular2-quickstart package, 
npm ERR! not with npm itself. 
npm ERR! Tell the author that this fails on your system: 
npm ERR!  tsc && concurrently "npm run tsc:w" "npm run lite" 
npm ERR! You can get information on how to open an issue for this project with: 
npm ERR!  npm bugs angular2-quickstart 
npm ERR! Or if that isn't available, you can get their info via: 
npm ERR! 
npm ERR!  npm owner ls angular2-quickstart 
npm ERR! There is likely additional logging output above. 

npm ERR! Please include the following file with any support request: 
npm ERR!  /home/waterbed/xxxy/npm-debug.log 

Ошибка, сообщение кажется довольно очевидным, но руководство Google никогда не упоминалось для создания app.module.

дерево ./app возвращает:

app/ 
├── app.component.js 
├── app.component.js.map 
├── app.component.ts 
├── app.modules.js 
├── app.modules.js.map 
├── app.modules.ts 
├── main.js 
├── main.js.map 
└── main.ts 

Не говоря уже о том, что я новичок в AngularJS, независимо от версии, мы говорим о том, что я почти новичок в НПМ, nodejs, ...

Answer 1

Сначала посмотрите на свой app.component, и если класс AppComponent не экспортируется, поставьте экспорт до ключевого слова класса. Также проверьте, есть ли в вашем файле тот же код, что и приложение с угловым2. Может, ты что-то забыл.

Попробуйте обновить версию npm (диспетчер пакетов узлов).
обновления НОГО
или
НОГО обновления -g

Answer 2

Вашего app.component.ts ищет app.module.ts, но у вас нет этого файла в файловой структуре. Попробуйте переименовать

app.modules.ts 

в

app.module.ts 

Answer 3

Так как кодирование ключа Mon указывает app.module.ts не был назван правильно. Но я также должен был сделать следующее:

1. ет -rf node_modules
   • НОЙ установки
   • НПХ запустить типизации установить
2. копии снова содержит в follsoing файлов Угловой JS QuickStart :
3. приложение/main.ts импорт {platformBrowserDynamic} из '@ угловой/платформенный-браузер-динамический'; импорт {AppModule} из './app.module'; const platform = platformBrowserDynamic(); platform.bootstrapModule (AppModule);
4. приложение/app.module.ts import {NgModule} from '@ angular/core'; import {BrowserModule} из '@ angular/platform-browser'; импорт {AppComponent} из './app.component'; @NgModule ({ импорта: [BrowserModule], декларации: [AppComponent], самозагрузки: [AppComponent] }) экспорта класс AppModule {}
5. приложение/app.component.ts import {Component} из '@ angular/core'; @Component ({ селектора: 'мое-приложение', шаблона: '

   Моей первой Угловой App

   ' }) экспорта класс AppComponent {}