node.js - 不允许加载本地资源 - Chrome 上出现错误，Angular 应用程序在生产构建后未运行

Question

我在部署 Angular 应用程序时遇到问题。如果部署的话，它不会发生在另一台计算机上。我的应用程序未运行，并且在 Chrome 上显示以下错误:

不允许加载本地资源

在 Mozilla 中:

元素的“src”属性不是有效的 URI

问题是，如果从其他机器部署，它工作得完全正常。所以我猜测问题出在 node 或 typescript 或 ng 或其他版本上。我是服务器部署新手，这种问题对我来说是新的。

我使用以下命令生成部署文件夹:

ng build --prod --base-href /candidate/

以下是我的版本详细信息:

Node 版本: v10.16.3

应用程序typescirpt版本:版本2.9.2

计算机上全局安装的 typescript 版本: 版本 3.6.3

我删除了 node module 和 package-lock.json 文件，并在生产构建之前运行 npm install。我没有收到错误，并且成功生成 dist 文件夹。

如果部署文件夹是从已安装升级或降级 Node 版本的计算机部署的，则部署文件夹可以完美运行。

我发现了很多关于浏览器上显示的错误的建议，尝试升级 Node 全局版本，但没有办法解决。我很不确定我在这里缺少什么。在这种情况下，任何类型的提醒都会很好。

Answer 1

深入研究后，我发现问题不在于版本，而在于构建后在 index.html 文件中生成的基本 URL。

在 Windows 上使用 git-bash 时会出现此问题。

git-bash 将命令的最后一个参数 - ng build --prod --base-href/candidate/ 视为相对于其二进制文件夹的路径并在参数前面加上它(它将“似乎”的相对路径转换为绝对路径)。

因此，我使用 PowerShell 而不是 Git-Bash，问题就消失了。 那里的 base-href 参数处理得很好。

要解决 git-bash 的问题，请访问 this link ，这实际上帮助我解决了我的特定问题。