Uncaught SyntaxError - Unexpected token + 1 more答案

【问题标题】：Uncaught SyntaxError- Unexpected token + 1 moreUncaught SyntaxError - Unexpected token + 1 more
【发布时间】：2016-07-27 04:34:53
【问题描述】：

我是 Angular 新手，我正在尝试运行一个种子项目

<!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('/');
    }
}

system.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

错误是（在 npm 启动之后）

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

解析SourceMap失败：http://localhost:8080/src/vendor/node_modules/Reflect.js.map

在这方面的任何帮助将不胜感激

【问题讨论】：

有人吗？！我需要帮助

标签： angular npm syntax-error seed

【解决方案1】：

此种子项目未设置为使用 npm start 命令运行。

您必须按照以下步骤操作-

Step1：运行以下命令安装所有依赖项。

npm install typings -g
npm install
typings install

Step2: 你需要运行 gulp 命令

gulp start:dev

从http://localhost:8080/ 运行您的应用程序

希望这会有所帮助。

编辑：

在 Chrome 中，打开开发者工具 > 设置 > 首选项 > 源禁用“启用 JavaScript 源映射”复选框并刷新 http://localhost:8080/

【讨论】：

@Miss.Code 如果您使用的是最新的 chrome 版本，则需要按照设置步骤进行操作。请在上面的答案中检查我的编辑。我已经在 Chrome 和 Firefox 上验证了这一点，并且我能够运行种子项目而没有任何错误。
@Miss.Code 如果您的地图错误问题得到解决，则将答案标记为有用并发布语法错误问题。
语法错误是Q的主要部分。你说的“post it”是什么意思？！
您的步骤正确吗？我没有收到任何语法错误。