我遵循了基础Aurelia项目安装指南中的简单一步一步的说明。但是在浏览器中启动index.html会导致config-esnext.js文件抛出:"JavaScript运行时错误:'System' is undefined"。这是第一行:System.config({…
)浏览器的输出窗口是这样说的:"找不到文件'C:UsersBruceDropboxProjects AureliaBasic Aurelia Setupscriptssystem.js.map'.. "
http://localhost:56477/scripts/config-esnext.js 第1行第1列未处理异常是否有一些"地图"配置从简单的指令缺失?我从Visual Studio 2015运行项目,配置为Esnext.
对原问题的评论进行了一些很好的讨论。但为了给其他人提供一个"答案",我在这里说。
没有看到你的index.html
文件,我不能确定到底发生了什么。但是您看到的错误发生是因为System
没有在窗口上定义。如果您还没有加载系统,就会发生这种情况。你需要确保你的index.html
文件首先加载SystemJS ,然后加载你的配置文件。您可以在这里找到的框架项目的index.html
中看到,system.js
是在我们引入配置文件之前加载的。下面是一个使用SystemJS的正确的index.html
的例子。
<!DOCTYPE html>
<html>
<head>
<title>Aurelia</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body aurelia-app="main">
<span>Loading...</span>
<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
System.import('aurelia-bootstrapper');
</script>
</body>
</html>
作为另一种选择,CLI可以帮助快速建立一个骨架项目(它不包括导航示例,它是一个骨架)。虽然它使用了RequireJS,但是我们计划在将来支持其他模块加载器(比如SystemJS)。