2016-07-27 3 views
1

Я новичок в Угловое и я пытаюсь запустить на семенах проектуUncaught SyntaxError- Неожиданный маркер + 1 более

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Angular 2 Seed [using RC4] - Minimalistic TypeScript starter project</title> 
     <base href="." /> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1" /> 

     <!-- @exclude --> 
     <link rel="stylesheet" href="styles/vendor/coresheet.min.css" /> 
     <link rel="stylesheet" href="styles/app.css" /> 

     <script src="src/vendor/node_modules/system.src.js"></script> 
     <script src="src/vendor/node_modules/Reflect.js"></script> 
     <script src="src/vendor/node_modules/zone.js"></script> 
     <script src="src/vendor/node_modules/long-stack-trace-zone.js"></script> 

     <script src="app/system.conf.js"></script> 
     <!-- @endexclude --> 

     <!-- @include dist.head.html --> 
    </head> 

    <body> 
     <div class="page"> 
      <app>Loading...</app> 
     </div> 
    </body> 
</html> 

app.component.ts:

import { Component } from '@angular/core'; 
import { Router, ROUTER_DIRECTIVES } from '@angular/router'; 
import { IsRouteActive } from './pipes/is-route-active.pipe'; 
import { AuthService } from './services/auth.service'; 
import { PRECOMPILE_COMPONENTS } from './routes'; 

@Component({ 
    selector: 'app', 
    templateUrl: 'src/app.component.html', 
    styleUrls: ['styles/components/app.css'], 
    providers: [], 
    directives: [ROUTER_DIRECTIVES], 
    pipes: [IsRouteActive], 
    precompile: PRECOMPILE_COMPONENTS 
}) 

export class AppComponent { 
    isUserAuthorized: boolean = false; 

    constructor(private _router: Router, private _authService: AuthService) { 
     this._router.events.subscribe(() => { 
      this.isUserAuthorized = this._authService.isUserAuthorized(); 
     }); 
    } 

    logout() { 
     this._authService.logout(); 
     this._router.navigateByUrl('/'); 
    } 
} 

системы .conf.js:

System.config({ 
    baseURL: './', 
    map: { 
     '@angular': 'src/vendor/node_modules/@angular', 
     'rxjs': 'src/vendor/node_modules/rxjs' 
    }, 
    packages: { 
     'src': { 
      defaultExtension: 'js' 
     }, 
     '@angular/common': { 
      main: 'index.js', 
      defaultExtension: 'js' 
     }, 
     '@angular/compiler': { 
      main: 'index.js', 
      defaultExtension: 'js' 
     }, 
     '@angular/core': { 
      main: 'index.js', 
      defaultExtension: 'js' 
     }, 
     '@angular/http': { 
      main: 'index.js', 
      defaultExtension: 'js' 
     }, 
     '@angular/platform-browser': { 
      main: 'index.js', 
      defaultExtension: 'js' 
     }, 
     '@angular/platform-browser-dynamic': { 
      main: 'index.js', 
      defaultExtension: 'js' 
     }, 
     '@angular/router': { 
      main: 'index.js', 
      defaultExtension: 'js' 
     }, 
     'rxjs': { 
      defaultExtension: 'js' 
     } 
    } 
}); 

System.import('./src/bootstrap.js').catch(function(err) { 
    console.error(err); 
}); 

Вот seed-project

Ошибки (после начала НПМ)

system.conf.js:1 Uncaught SyntaxError: Unexpected token <

Failed to parse SourceMap: http://localhost:8080/src/vendor/node_modules/Reflect.js.map

Любая помощь в этой связи будут оценены

+0

Любого? ! Мне нужна помощь –

ответ

1

Это семя-проект не настроен для запуска с помощью команды запуска НПМ.

Вы должны будете следовать ниже steps-

Шаг1: Выполнить ниже команды, чтобы установить все зависимости.

npm install typings -g 
npm install 
typings install 

Шаг2: Вы должны запустить команду глотка

gulp start:dev 

Запуска приложения из http://localhost:8080/

Надеется, что это помогает.


EDIT:

В Chrome Открыть Инструменты разработчика> Настройка> Настройки> Источники Отключить флажок 'Включить источник карты JavaScript' и обновите http://localhost:8080/

enter image description here

+0

Да. Я использую глоток. К этому относятся семантические ошибки. –

+0

@ Miss.Code Если вы используете последнюю версию chrome, вам необходимо выполнить шаги настройки. Проверьте мой EDIT в ответе выше. Я проверил это как в Chrome, так и в firefox, и я смог запустить проект семени без каких-либо ошибок. – Sanket

+0

Tnx. Ошибка карты исчезла. Но ошибка синтаксиса ... –