Непредвиденный импорт токена

По какой-то причине он дает мне ошибку неожиданного импорта токена на угловом2. Я свой родом отлажен его и узнал, что ошибка была на приложении-component.ts, когда им импорт компонентов-MyMovies ... Вот мои основные файлы ... приложения/приложение-component.ts:Непредвиденный импорт токена

import {Component} from 'angular2/core'; 
import {myMoviesComponent} from './component-mymovies' 

@Component({ 
    selector: 'my-shop', 
    template: 
    ` 
    <h1>Welcome to the shop!</h1> 
    <p>Weve the following movies available</p> 
    <myMovies></myMovies> 
    `, 
    directives :[myMoviesComponent] 
}) 
export class myShopComponent { 


}

приложения /component-mymovies.ts:

import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'myMovies', 
    template: 
    ` 
    <ul> 
     <li>Some Movie</li> 
     <li>Another Movie</li> 
     <li>Another Another Movie</li> 
     <li> Another Another Another Movie</li> 
    </ul> 

    ` 
}) 
export class myMoviesComponent { 


}

Main.ts:

import {bootstrap} from 'angular2/platform/browser'; 
import {myShopComponent} from './app-component'; 

bootstrap(myShopComponent);

и index.html:

<html> 
    <head> 
    <title>Angular 2 QuickStart</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1">  
    <link rel="stylesheet" href="styles.css"> 

    <!-- 1. Load libraries --> 
    <!-- IE required polyfills, in this exact order --> 
    <script src="node_modules/es6-shim/es6-shim.min.js"></script> 
    <script src="node_modules/systemjs/dist/system-polyfills.js"></script> 
    <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 

    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <script src="node_modules/rxjs/bundles/Rx.js"></script> 
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script> 


    <script> 
     System.config({ 
     packages: {   
      app: { 
      format: 'register', 
      defaultExtension: 'js' 
      } 
     } 
     }); 
     System.import('app/main') 
      .then(null, console.error.bind(console)); 
    </script> 
    </head> 

    <!-- 3. Display the application --> 
    <body> 
    <my-shop>Loading...</my-shop> 
    </body> 
</html>

Ошибка:

SyntaxError: Unexpected token import 
    Evaluating https://angular2mehul-amanuel2.c9users.io/app/component-mymovies.js 
    Error loading https://angular2mehul-amanuel2.c9users.io/app/component-mymovies.js as "./component-mymovies" from https://angular2mehul-amanuel2.c9users.io/app/app-component.js 
    at eval (native) 
    at SystemJSLoader.__exec (https://angular2mehul-amanuel2.c9users.io/node_modules/systemjs/dist/system.src.js:1395:16) 
    at SystemJSLoader.<anonymous> (https://angular2mehul-amanuel2.c9users.io/node_modules/systemjs/dist/system.src.js:3258:18) 
    at SystemJSLoader.<anonymous> (https://angular2mehul-amanuel2.c9users.io/node_modules/systemjs/dist/system.src.js:3526:24) 
    at SystemJSLoader.<anonymous> (https://angular2mehul-amanuel2.c9users.io/node_modules/systemjs/dist/system.src.js:3774:26) 
    at SystemJSLoader.<anonymous> (https://angular2mehul-amanuel2.c9users.io/node_modules/systemjs/dist/system.src.js:4121:26) 
    at SystemJSLoader.instantiate (https://angular2mehul-amanuel2.c9users.io/node_modules/systemjs/dist/system.src.js:4357:28) 
    at https://angular2mehul-amanuel2.c9users.io/node_modules/systemjs/dist/system.src.js:333:33 
    at Zone.run (https://angular2mehul-amanuel2.c9users.io/node_modules/angular2/bundles/angular2-polyfills.js:1243:24) 
    at zoneBoundFn (https://angular2mehul-amanuel2.c9users.io/node_modules/angular2/bundles/angular2-polyfills.js:1220:26)Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:468lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:480lib$es6$promise$$internal$$publish @ angular2-polyfills.js:451lib$es6$promise$$internal$$publishRejection @ angular2-polyfills.js:401(anonymous function) @ angular2-polyfills.js:123Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$asap$$flush @ angular2-polyfills.js:262

А вот это место я закодировать вещь ...

https://ide.c9.io/amanuel2/angular2mehul

источник

2016-03-04 Anonymous

После того, как посмотреть на ваш https://angular2mehul-amanuel2.c9users.io/app/component-mymovies.js, кажется, что это не компилируется JS файл, но он содержит код TypeScript. Вот почему SystemJS не может импортировать его.

Вам необходимо скомпилировать код из файлов TypeScript в файлы JS.

Как вы создаете файл app/component-mymovies.js? С помощью tsc?

источник

2016-03-04 16:53:09

Я скомпилировал свои файлы машинописных файлов в js-файлах .. Вы не смотрели на другие папки –

Но я каким-то образом клонировал другой проект и исправил его здесь. Https://ide.c9.io/amanuel2/angular2practice5-cloned# openfile-README.md Спасибо за помощь! –

Странно, но кажется, что у вас нет подходящего контента в вашем JS-файле ... Не могли бы вы это проверить? –

Непредвиденный импорт токена

ответ

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