Angular2 无法加载 boot.js

Question

当我直接从 file:///C:/wamp/www/ngProject/index.html 或 wamp 运行时，我无法通过 boot.js 文件：http://localhost/ngproject/

在开发模式下，它适用于npm-start，但它不应该适用于 WAMP 还是只运行 Index.html？

这是我的 system.js

  <script>
  System.config({
    packages: {        
      app: {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
  System.import('app/boot')
        .then(null, console.error.bind(console));
</script>

从 wamp 启动时 - 错误：无法加载脚本 http://localhost/app/boot.js 加载时出错 http://localhost/app/boot.js
启动 Index.html 时 - 错误：无法加载脚本文件:///app/boot.js 加载文件时出错：///app/boot.js

Answer 1

基本上你总是需要一个 http 服务器来运行一个 Angular 应用程序。

看看这个问题。关于为什么需要 http 服务器，有一些非常可靠的答案。

Why do I need a HTTP-server to run Angular 2?

问候，

Answer 2

尝试检查您的 boot.js 路径。从 wamp 开始时 - 错误：无法加载脚本 http://localhost/app/boot.js

Error loading http://localhost/app/boot.js

这里的路径好像不对，因为你的js文件位于

@http://localhost/ngProject/app/boot.js

这样的事情可能会帮助你

对于 wamp 服务器试试这个

 System.config({
            baseURL: 'ngProject'
        });

System.import('app/boot')
        .then(null, console.error.bind(console));

Answer 3

因此，当您使用 npm-start 时，可能会为您的种子项目设置服务器。这将包含在种子包中运行的服务器的所有配置设置。

如果您使用了我喜欢的angular2-seed，但它的选项可能会稍微复杂一些，设置在：tools/config/seed-config.ts

它的作用是映射到您的根文件夹以加载文件。

默认情况下，Wamp 将 localhost 映射到 c:\www，但您实际上希望它映射到 c:\www\ngProject

这样想，

当你加载/ngProject/index.html 它说：“好的，我需要加载位于 /app/boot.js 的 boot.js”

但它确实在 /ngProject/app/boot.js 并且失败了

您可以在所有配置中更改系统以从 /ngProject 加载，或者我建议调整您的 wamp 设置。

来自this SO Answer:的说明

对于 Windows 上的 wamp 2.5，请使用文本编辑器，例如notepad++ 编辑 c:\wamp\bin\apache\apache2.4.9\conf\httpd.conf

1. 将 DocumentRoot "c:/wamp/www" 更改为 DocumentRoot "c:/my/new/path" （注意斜线方向）。这将更改文件的位置 从（〜第230行）提供服务。
2. 更改为 （注意斜线方向）。这适用 从旧目录到新目录的权限（~第 252 行）。

另一件事是，许多种子还具有“生产”构建，它将自动转换为相对/基本根路径结构。这也是我要检查的东西..