angular - net::ERR_ABORTED 404(未找到)。供应商.js

Question

我正在遵循有关使用 ASP.NET Core 和 Angular 12 构建 Web 应用程序的教程。在创建第一个组件后，我构建了应用程序，我得到了初始 block 文件，但减去了vendor.js。在本教程中，vendor.js 文件实际上位于 block 文件中，因此我手动下载并添加了vendor.js 文件。但是，当我运行命令“ng build”时，vendor.js 文件从解决方案资源管理器中消失。当我调试应用程序时，我得到一个空白页面和控制台消息错误，如图所示。

后来，我在某处读到在生产过程中使用了vendor.js。这会是它消失的原因吗？ 如果您需要更多信息来解决问题，请告诉我。

谢谢

Answer 1

你说，你手动下载并添加了vendor.js文件。我实际上不知道你为什么要手动这样做。 vendor.js是 Angular 为您生成的编译文件。我会建议您将节点更新到最新版本，并且 Angular CLI 版本也升级 Angular 项目版本。

现在，我假设您的vendor.js太高了，所以你发现了这个问题。请遵循以下流程:-

运行此命令:- ng build --prod --vendor-chunk=true或ng build --prod Angular Should I use the vendorChunk in production如果不起作用，请尝试以下过程:-

也许是缓存问题。运行此命令:-

npm cache clean或npm cache verify或npm cache --force clean另外，将节点更新到最新版本和 Angular CLI 版本。

如果不行，则执行第二个过程:-

更改index.html <base href="/">至<base href="./">

如果不起作用，则按照第三个过程:-

在路由模块中添加 useHash:true

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    RouterModule.forRoot(routes, { useHash: true })  // .../#/your-route/
  ]

...................

希望它能解决您的问题。