角构建空项目

Question

在angular7中创建一个简单的项目。 在开发模式下可以正常工作。

完成后，通过ng build --prod命令进行构建。

它使用包含资产和一些index.html的{​​{1}}生成 dist 文件夹

检查索引文件

如果在浏览器中打开，则它只是白屏。

任何解决方案，我所缺少的。

package.json

JS files

Answer 1

我认为这是因为浏览器尝试访问本地文件，这会向您的控制台抛出错误。由于文件访问受到限制，因此无法通过打开index.html直接提供服务。

不过，您可以使用lite-server或使用某些chrome extension.来创建静态服务器

[请尝试：https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb]

另一种替代方法是修改浏览器目标快捷方式并添加--web-security-disabled --allow-file-access-from-files标志

了解更多：How to launch html using Chrome at "--allow-file-access-from-files" mode?

Answer 2

您始终需要服务器来运行角度项目。当您运行ng serve时，angular内部会创建一个称为localhost的服务器。

您可以使用iis之类的任何本地服务器来运行项目。

编辑：

如果要与xampp一起使用，则需要在base href文件夹的index.html中更改dist。

步骤：1 复制app2内生成的dist文件夹并将其粘贴到xampp/htdocs

步骤：2-xampp / htdocs / app2 / index.html 将<base href="/">更改为

<base href="./">

步骤：3 打开浏览器并导航到http://localhost/app2