Javascript Angular项目在ng构建后不工作

Javascript Angular项目在ng构建后不工作,javascript,angular,npm,Javascript,Angular,Npm,我在Angularjs 2上的第一次尝试是在ng构建之后,它被编译到dist文件夹中,但是文件夹中的index.html包含所有缺少引用的脚本,尽管它们都存在于同一文件夹中。 以前有人遇到过这种情况吗?你有什么建议? 随附的是chrome中错误的快照。我猜您正在使用file://协议从文件系统打开index.html。这是行不通的,因为应用程序是用tag构建的,tag表示所有的相对路径都应该以“/”作为前缀。对于文件协议,它意味着在文件系统的根目录中 您可以指定不同的基本路径来生成应用程序: n

我在Angularjs 2上的第一次尝试是在
ng构建之后,它被编译到dist文件夹中,但是文件夹中的index.html包含所有缺少引用的脚本,尽管它们都存在于同一文件夹中。
以前有人遇到过这种情况吗?你有什么建议?

随附的是chrome中错误的快照。

我猜您正在使用file://协议从文件系统打开index.html。这是行不通的,因为应用程序是用tag构建的,tag表示所有的相对路径都应该以“/”作为前缀。对于文件协议,它意味着在文件系统的根目录中

您可以指定不同的基本路径来生成应用程序:

ng build --base-href=/path/to/your/application/dist/

您还可以考虑将其部署到可以将所有路径映射到您的索引X.html的Web服务器(例如Apache + MODY-Read),因此当您在浏览器中点击“重新加载”按钮时,应用程序将不必加载什么路径。

当您使用“NG Service”运行它时,您所得到的错误是否有效?根据您的描述,不清楚您面临的是什么问题。
ng serve
工作正常。事实上,我做了一些很酷的事情。由于默认情况下JS不支持.ts扩展名,因此我需要在服务器端应用程序中使用该扩展名。@raven,附加的错误消息是如何使用XAMP工作的?是否需要在
ng build
处指定路径?如果要部署到网站根目录以外的其他位置,则需要指定基本href路径。但是,如果您只想在localhost上开发应用程序,那么最好通过运行“ng serve”而不是“ng build”来使用node.js。然后,您的应用程序可以在localhost:4200上使用