Angular2无法加载boot.js

Question

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

在开发模式下，它与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

启动file:///app/boot.js 时的-错误:无法加载脚本Index.html错误加载Index.html

Answer 1

基本上，您总是需要一个http服务器来运行一个角度应用程序。

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

为什么我需要一个HTTP服务器运行角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

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

如果您使用了我喜欢的安古拉2-种子，但是它的选项可能稍微复杂一些，则设置在:tools/config/ed-config.ts中。

这样做是映射到您的根文件夹来加载文件。

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

你要这样想，

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

但它真的是在/ngProject/app/boot.js，它失败了

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

来自答案如下：的指令

对于Windows上的wamp 2.5，使用文本编辑器，例如notepad++来编辑notepad++

1. 将DocumentRoot "c:/wamp/www“改为DocumentRoot "c:/my/new/path”(注意斜杠方向)。这将改变从(~第230行)提供文件的位置。
2. 改为(注意斜杠方向)。这会将旧目录的权限应用到新目录(~第252行)。

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