Angular2无法加载boot.js

我不能得到通过boot.js文件时，我直接从运行：file:///C:/wamp/www/ngProject/index.html或WAMP：http://localhost/ngproject/Angular2无法加载boot.js

在发展它的工作原理与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 - 错误：无法加载脚本file：///app/boot.js 加载文件时出错：///app/boot.js

来源

2016-05-31 Cristian Muscalu

你有没有尝试检查控制台的错误..？ – Outlooker

是的，我编辑了错误的帖子。 –

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

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

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

问候，

来源

2016-05-31 12:23:51

请检查您的路径boot.js.当从WAMP开始 - 错误：无法加载脚本http://localhost/app/boot.js

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

这里的路径似乎是错误的，因为你的js文件位于

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

像这样的东西可能HEP你

对于wamp服务器试试这个

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

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

来源

2016-05-31 12:38:03 Outlooker

路径是'C：\ wamp \ www \ ngProject \ app \ boot.js' –

是的，本地主机指向C：\ wamp \ www \文件夹。 – Outlooker

Cris，Angular必须托管在“服务器”上，所以尽量将路径视为“whateverURL”/ path/to/file，而不是本地实际的路径。我这样说是因为服务器设置通常会掩盖本地文件系统，这在Angular2种子中经常出现。例如，我的种子将：/ GIT/project/src/client/app转换为：localhost –

所以当你使用npm-start时，你的项目可能会有一个服务器设置用于你的种子。这将拥有运行在你的种子包中的服务器的所有配置设置。

如果您使用我的爱，但可以用它的选项稍微复杂的angular2-seed，设置在：工具/配置/种子config.ts

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

WAMP的默认地图localhost到c:\www但实际上你希望它映射到c:\www\ngProject

想想看这个样子，

当加载/ngProject/index.html 它说，“好吧，我需要加载启动。JS它位于/app/boot.js“

但它确实在/ngProject/app/boot.js和失败

你可以改变你的系统加载从/ ngProject在所有的configs，还是什么我建议是调整你的WAMP的设置。

从 this SO Answer:

说明有关WAMP 2.5在Windows上，使用文本编辑器，记事本如++编辑C：\ WAMP \ BIN \ apache的\ apache2.4.9 \的conf \ httpd.conf中

将DocumentRoot“c：/ wamp/www”更改为DocumentRoot“c：/ my/new/path” （注意斜杠方向）。这会改变文件的位置（〜第230行）。
更改为（注意斜杠方向）。这将旧的目录的权限应用到新的目录（〜第252行）。

另一件事，很多种子的“生产”版本也会自动转换为相对/基础根路径结构。这是我要检查太..

来源

2016-05-31 13:22:29

我尝试更改'DocumentRoot“c：/ wamp/www/ngProject” '甚至'DocumentRoot“c：/ wamp/www/ngProject/app”“，但是没有效果。即使我的PHP项目像往常一样从www文件夹中工作。 –

我读过其他方法（如Angular2 WebpackStarter或Angular2-Seed，可以将所有js变为1并缩小它，但我无法弄清楚如何使它工作... –

Angular2无法加载boot.js

回答

相关问题