2016-11-12 4 views
1

Я делаю простой угловой 2 учебник, но я просто загружаю при попытке запустить свое приложение. это мой index.html файлугловой компонент 2 приложения не загружается

<html> 
     <head> 
     <title>Angular CV </title> 
     <base href="/"> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="styles.css"> 
     <!-- 1. Load libraries --> 
     <!-- Polyfill for older browsers --> 
     <script src="node_modules/core-js/client/shim.min.js"></script> 
     <script src="node_modules/zone.js/dist/zone.js"></script> 
     <script src="node_modules/reflect-metadata/Reflect.js"></script> 
     <script src="node_modules/systemjs/dist/system.src.js"></script> 
     <!-- 2. Configure SystemJS --> 
     <script src="systemjs.config.js"></script> 
     <script> 
      System.import('app').catch(function(err){ console.error(err); }); 
     </script> 
     </head> 
     <!-- 3. Display the application --> 
     <body> 
     <my-app>Still Loading...</my-app> 
     </body> 
    </html> 

app.component.ts

 

    import { Component } from '@angular/core'; 

    @Component({ 
     selector: 'my-app', 
     template: '' 
    }) 
    export class AppComponent { 

    } 

полный код здесь: https://github.com/trinajoy/angularcv

+0

Есть ошибки в консоли? – echonax

+0

вы должны сделать npm install ref-metadata и npm install reflect-portfinder. –

+0

в хромированных инструментах разработчика я получаю следующие ошибки shim.min.js: 2 Uncaught SyntaxError: Неожиданный токен < (для строки коды перед ) и index.html локальных /: 18 Uncaught ReferenceError: Система не определено (...) System.import ('приложение'). catch (function (err) {console.error (err);}); и directive_normalizer.js: 92 Uncaught Ошибка: Шаблон разбора ошибок: (...) - но им не уверены, какая часть кода его со ссылкой на ... – user6086008

ответ

0

Angular-cli изменили свою систему от SystemJS к Webpack так beta.14. Кажется, вы все еще используете SystemJS.

Вы можете перейти на Webpack после these instructions. Однако, поскольку вы просто следуете инструкциям, я бы рекомендовал install angular-cli from scratch.

+0

Ну, я сделал следующее npm uninstall -g angular-cli, npm cache clean, npm install -g angular-cli @ latest, и снова начал, но из того, что я см., у меня есть такая же информация в моем json-файле, а также в angular-cli json, я все равно попадаю в ту же точку, где мое приложение просто отображает «загрузку» из индексного файла. полный код здесь: https: // github.com/trinajoy/angulartest.git У меня такая же проблема с рядом учебников, которые я пытаюсь сделать – user6086008

+0

Но вы все еще пытаетесь импортировать 'SystemJS' в свой' index.html' (строки 17-19) (и также пытается загрузить скрипты SystemJS). – brians69

+0

поэтому im donig - npm uninstall -g angular-cli, npm cache clean, npm install -g angular-cli @ latest - и до сих пор не получает бета-версию 14 ..? я не делаю это правильно? – user6086008

Смежные вопросы