角度2快速启动：意外标记
Uncaught SyntaxError: Unexpected token < (program):1
__exec @ system.src.js:1374
Uncaught SyntaxError: Unexpected token < angular2-polyfills.js:138
Evaluating http://localhost:3000/app/boot
Error loading http://localhost:3000/app/boot
import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template: `<h1>My First Angular 2 App</h1>`
})
export class AppComponent {
}
import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from './app.component';
bootstrap(AppComponent);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Angular 2 Quick Start</title>
<script src="node_modules/es6-shim/es6-shim.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: {
format: 'register',
defaultExtension: 'js'
}
});
System.import('app/boot')
.then(null, console.error.bind(console));
</script>
</head>
<body>
<my-app>Loading...</my-app>
</body>
</html>
{
"name": "angular2-quickstart",
"version": "0.1.0",
"scripts": {
"tsc": "tsc",
"tsc:w": "tsc -w",
"lite": "lite-server",
"start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
},
"license": "MIT",
"dependencies": {
"angular2": "2.0.0-beta.0",
"systemjs": "0.19.6",
"es6-promise": "^3.0.2",
"es6-shim": "^0.33.3",
"reflect-metadata": "0.1.2",
"rxjs": "5.0.0-beta.0",
"zone.js": "0.5.10"
},
"devDependencies": {
"concurrently": "^1.0.0",
"lite-server": "^1.3.1",
"typescript": "^1.7.3"
}
}
{
"compilerOptions": {
"target": "ES5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules"
]
}
提前感谢您的帮助。
共有1个答案
试着替换这个
System.config({
packages: {
format: 'register',
defaultExtension: 'js'
}
});
用这个
System.config({
packages: {
app: { // must match your folder name
format: 'register',
defaultExtension: 'js'
}
}
});
我试图将一个略有不同的文件夹结构应用到他们的quickstart中，但遇到了同样的问题。我发现“Packages”对象上的属性名称必须与父文件夹匹配。
-
我正在尝试官方的5分钟快速入门大约角2的打字稿。我遵循了所有步骤，当我运行时，它确实在我的火狐浏览器上弹出了预期的消息。 但是，当我检查控制台时，我发现了错误消息： 我不知道这是否与我之前在项目根文件夹上运行时收到的警告消息有关： 有人能告诉我我的方法出了什么问题吗？更详细的控制台输出如下所示：
-
Swoole的绝大部分功能只能用于cli命令行环境，请首先准备好Linux Shell环境。可使用vim、emacs、phpstorm或其他编辑器编写代码，并在命令行中通过下列指令执行程序。 php /path/to/your_file.php 成功执行Swoole服务器程序后，如果你的代码中没有任何echo语句，屏幕不会有任何输出，但实际上底层已经在监听网络端口，等待客户端发起连接。可使用相应的
-
问题内容： 我经历了许多Angular-express种子，并弄清楚了它们是如何工作的。我遇到的问题是： 1）。 我想使用ejs-locals进行模板制作。 2）。 如何正确配置服务器端和客户端的路由。而且，在输入URL之类的时，不会产生错误： 角度 app.js 包含： Express app，js 包含： 路由文件夹 包含“ index.js”： Views文件夹 包含： 并且内部views文
-
Dubbo 采用全 Spring 配置方式，透明化接入应用，对应用没有任何 API 侵入，只需用 Spring 加载 Dubbo 的配置即可，Dubbo 基于 Spring 的 Schema 扩展 进行加载。 如果不想使用 Spring 配置，可以通过 API 的方式 进行调用。 服务提供者 完整安装步骤，请参见：示例提供者安装 定义服务接口 DemoService.java 1： package
-
启动项目(请先完成环境依赖安装) 克隆项目 执行 => composer install (如果安装很慢，可以使用国内镜像，但是镜像包会有延迟) 新建一个runtime目录，用于存放日志等cache文件 配置config中的database配置文件 设置config/service.php中的registry_address.目前只支持redis、mysql作为注册中心 启动http server
-
我将应用程序添加到Firebase控制台，并将google json文件添加到应用程序文件夹。然后，当我尝试启动应用程序时，它会出现以下消息。 提前道谢。 错误： 分级 清单