Question

我已按照Basic Aurelia项目设置指南中的简单逐步说明进行操作。但是在浏览器中启动index.html会导致config-esnext.js文件抛出：＆＃34; JavaScript运行时错误：＆＃39;系统＆＃39;未定义＆＃34;。这是第一行：System.config（{...

浏览器的输出窗口有这样的说法：＆＃34;找不到文件＆＃39; C：\ Users \ Bruce \ Dropbox \ Projects Aurelia \ Basic Aurelia Setup \ scripts \ system.js.map＆＃39; .. {1行第1行未处理的异常{3}}＆＃34;

是否有一些＆＃34; map＆＃34;简单说明中缺少配置？我正在从Visual Studio 2015运行该项目，为Esnext配置。

Answer 1

对原始问题的评论有一些很好的讨论。但是为了提供一个答案＆＃34;为了别人找到，这里去了。

如果没有看到您的index.html文件，我无法确定正好正在发生什么。但是您发现的错误正在发生，因为System未在窗口中定义。如果您还没有加载系统，就会发生这种情况。您需要确保index.html文件首先加载SystemJS ，然后加载配置文件。
您可以在框架项目index.html found here中看到，在我们引入配置文件之前已加载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）。

Aurelia项目设置有开箱即用的错误，修复的是什么？

1 个答案: