3
我需要为php + mysql项目创建一个Angular2 + TypeScript前端。 当我使用npm(jspm,tsd,webpack或gulp)或者链接到code.angularjs.org时,一切正常。 但是,当我试图只使用一些Angular2本地文件,然后systemjs将打破一切通过它的组件注册和扔给我一个这样的例外:Angular2使用打字稿环境分开文件
Uncaught SyntaxError: Unexpected token <
也有在文档中的一些困惑如何用脚本和组件/视图实现index.html。 在深的文档中,我发现一个例子几乎为我工作:
<!DOCTYPE html>
<html>
<head>
<title>angular2 playground</title>
<link rel="stylesheet" href="style.css">
<script src="tools/traceur-runtime.js"></script>
<script src="tools/system.js"></script>
<script src="tools/typescript.js"></script>
<script src="config.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.6/angular2.min.js"></script>
<script>
System.import('app')
.catch(console.error.bind(console));
</script>
</head>
<body>
<my-app>
loading...
</my-app>
</body>
</html>
但是当我更换到angular2.min.js当地版本我收到上述错误。
有谁知道如何解决它?
更新
感谢Chako answer我做了这样的设置,它是为我工作:
<script type="text/javascript" src="./libs/es6-shim.min.js"></script>
<script type="text/javascript" src="./libs/system-polyfills.js"></script>
<script type="text/javascript" src="./libs/system.src.js"></script>
<script type="text/javascript" src="./libs/Rx.min.js"></script>
<script type="text/javascript" src="./libs/angular/angular2-polyfills.js"></script>
<script type="text/javascript" src="./libs/angular/angular2.dev.js"></script>
<script type="text/javascript" src="./libs/angular/router.dev.js"></script>
<script type="text/javascript" src="./libs/angular/http.dev.js"></script>
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('app/main').then(null, console.error.bind(console));
</script>
我也试着更新到beta 8
,它是破碎找到文件,以便我将beta 6
作为稳定版本。
而且某些时刻:
*.min.js
版本不能正常工作。- 新
Rx.min.js
从beta 8
被抛向我,DI(依赖注入)的异常。 tsc
不被微软支持更多的,它是从watch
抛出编译错误,然后退出。所以我安装了ntsc
,它工作更快,但在控制台中写入了更多的TypeScript错误。
谢谢沙科您的快速答复。我也已经尝试过这个解决方案。你能给我提供你的'boot.ts'的代码吗? – Mike
@ Mike-接着说:boot.ts'。 – Valay
你用什么版本(咕嘟咕嘟的WebPack等)? – Mike