Aurelia项目设置有开箱错误，修复方法是什么?

Aurelia Project Setup has error out of the box, what's the fix?

本文关键字：方法 是什么 错误 设置 项目 Aurelia      更新时间：2023-09-26

我遵循了基础Aurelia项目安装指南中的简单一步一步的说明。但是在浏览器中启动index.html会导致config-esnext.js文件抛出:"JavaScript运行时错误:'System' is undefined"。这是第一行:System.config({…

)

浏览器的输出窗口是这样说的:"找不到文件'C:'Users'Bruce'Dropbox'Projects Aurelia'Basic Aurelia Setup'scripts'system.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)。

相关文章：