问题标签 [ng-build]

我有一个 Angular 5 项目，它在运行 ng serve 时运行良好，但我想将它发送给设计师以进一步处理它。运行 ng build 后，打开 index.html 会导致页面完全空白。

还有什么我需要做的吗？在我的 environment.ts 文件夹中，我将生产设置为 true。请让我知道是否有更简单的方法来发送模拟或如何修复这个，谢谢！

我有一个 Angular 5 项目。为了部署要部署的包，我使用了 NG BUILD 命令。但是，我有一些占位符需要根据环境进行相应更改。例如，我有一个配置文件占位符。对于 PROD，我需要将值更改为http://blablabla.com，并将 TEST 环境更改为http://localhost。我确定如果使用 NG BUILD 我可以做到。

如何在使用构建我的应用程序时减小我的文件vendor.bundle.js大小main.bundle.js

ng build --aot false --prod

如果我使用延迟加载模块，我的 Angular 应用程序main.bundle.js文件大小在构建时会减小。

我必须在我的应用程序模块中导入一个 javascript 文件

import { OtherComponent } from './node_modules/blahblah/OtherComponent.js'

请注意，此 OtherComponent 已经是一个 javascript 文件。

然后在我的@NgModule 中，我将此组件添加到我的声明中。

当我运行“ng build --prod”时，它给了我错误：

错误由模块“AppModule”声明的意外值“OtherComponent”

请添加@Pipe/@Directive/@Component 注解

有没有办法来解决这个问题？当我无权访问 OtherComponent 的 ts 文件时。

http://localhost:4200/#/home

你好！

我正在尝试使用ng serve --open为我的应用程序提供服务。

我现在将#附加到localhost:4200，因此，在使用断点调试源代码时我无法看到我的代码。

我相信代码被混淆了，如附图所示：

在这里，我可以在断点处停止，但代码不清楚。

所以，我不确定为什么最近要附加这个# 。

有关如何摆脱这种情况的任何指示。

谢谢。

当我这样做时->'ng build --prod'我收到了这个错误

错误：无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/app.component.ts 中的类 AppComponent 的模块！将 AppComponent 添加到 NgModule 以修复它。
无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/offer-creation-final-forwarder/offer-creation-final-forwarder.component.ts 中的类 OfferCreationFinalForwarderComponent 的模块！将 OfferCreationFinalForwarderComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/offer-common-top/offer-common-top.component.ts 中的类 OfferCommonTopComponent 的模块！将 OfferCommonTopComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/offer-common-right/offer-common-right 中类 OfferCommonRightComponent 的模块。组件.ts！将 OfferCommonRightComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/top-menu/top-menu.component.ts 中类 TopMenuComponent 的模块！将 TopMenuComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/booking-creation/booking-creation.component.ts 中的类 BookingCreationComponent 的模块！将 BookingCreationComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/shipper-common-right-menu/shipper-common-right-menu.component.ts 中的类 ShipperCommonRightMenuComponent 的模块！将 ShipperCommonRightMenuComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/booking-shipper-common-top/booking-shipper-common-top.component.ts 中的类 BookingShipperCommonTopComponent 的模块！将 BookingShipperCommonTopComponent 添加到 NgModule 以修复它。无法确定 E 中类 JobboardComponent 的模块：/GitNew/Terminal2/Terminal2/terminal2/src/app/jobboard/jobboard.component.ts！将 JobboardComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/log-in/log-in.component.ts 中类 LogInComponent 的模块！将 LogInComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/registration/registration.component.ts 中的类 RegistrationComponent 的模块！将 RegistrationComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/top-menu-registration/top-menu-registration.component.ts 中的类 TopMenuRegistrationComponent 的模块！将 TopMenuRegistrationComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/home/home.component.ts 中的 HomeComponent 类的模块！将 HomeComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/documents/documents.component.ts 中类 DocumentsComponent 的模块！将 DocumentsComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/market-place/market-place.component.ts 中类 MarketPlaceComponent 的模块！将 MarketPlaceComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/shipper-letter-instruction/shipper-letter-instruction.component.ts 中的类 ShipperLetterInstructionComponent 的模块！将 ShipperLetterInstructionComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/acceptance/acceptance.component.ts 中的类 AcceptanceComponent 的模块！将 AcceptanceComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/final-charges/final-charges.component.ts 中类 FinalChargesComponent 的模块！将 FinalChargesComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/bookings-forwarder/bookings-forwarder.component.ts 中的类 BookingsForwarderComponent 的模块！将 BookingsForwarderComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/iwdatables/iwdatables.component.ts 中类 IwdatablesComponent 的模块！将 IwdatablesComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/check-out/check-out.component.ts 中类 CheckOutComponent 的模块！将 CheckOutComponent 添加到 NgModule 以修复它。无法确定 E 中的 ShipperConsigneeComponent 类的模块：/GitNew/Terminal2/Terminal2/terminal2/src/app/shipper-consignee/shipper-consignee.component.ts！将 ShipperConsigneeComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/booking-documents/booking-documents.component.ts 中的 BookingDocumentsComponent 类的模块！将 BookingDocumentsComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/my-bookings/my-bookings.component.ts 中的 MyBookingsComponent 类的模块！将 MyBookingsComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/local-charges-tables/local-charges-tables.component.ts 中类 LocalChargesTablesComponent 的模块！将 LocalChargesTablesComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/directives/blockcopypaste.directive.ts 中的 BlockCopyPasteComponent 类的模块！将 BlockCopyPasteComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/directives/clickOutside.directive.ts 中的 ClickOutsideDirective 类的模块！将 ClickOutsideDirective 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/directives/decimal.directive.ts 中的类 OnlyNumber 的模块！将 OnlyNumber 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/documentsupload/documentsupload.component.ts 中类 DocumentsuploadComponent 的模块！将 DocumentsuploadComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/alloffers/alloffers.component.ts 中类 AlloffersComponent 的模块！将 AlloffersComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/jobboard/searchfilter.pipe.ts 中类 SearchFilterPipe 的模块！将 SearchFilterPipe 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/myoffers/myoffers.component.ts 中 MyoffersComponent 类的模块！将 MyoffersComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/allbookings/allbookings.component.ts 中的类 AllbookingsComponent 的模块！将 AllbookingsComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/allpayments/allpayments.component.ts 中的类 AllpaymentsComponent 的模块！将 AllpaymentsComponent 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/directives/block-copy-paste.directive.ts 中的 BlockCopyPasteDirective 类的模块！将 BlockCopyPasteDirective 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/app.module.ts 中类 AppModule 的模块！将 AppModule 添加到 NgModule 以修复它。/GitNew/Terminal2/Terminal2/terminal2/src/app/directives/block-copy-paste.directive.ts！将 BlockCopyPasteDirective 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/app.module.ts 中类 AppModule 的模块！将 AppModule 添加到 NgModule 以修复它。/GitNew/Terminal2/Terminal2/terminal2/src/app/directives/block-copy-paste.directive.ts！将 BlockCopyPasteDirective 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/app.module.ts 中类 AppModule 的模块！将 AppModule 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/app.module.ts 中类 AppModule 的模块！将 AppModule 添加到 NgModule 以修复它。无法确定 E:/GitNew/Terminal2/Terminal2/terminal2/src/app/app.module.ts 中类 AppModule 的模块！将 AppModule 添加到 NgModule 以修复它。

我已删除 node_modules 并再次重新安装仍然是同样的问题..

app.module.ts

参考链接检查这个

我有一个 Angular 6 的应用程序，我需要它在 IE10 和 IE11 中工作，我正在按照 angular web 指示进行配置，但是当我运行“ng build --prod”时，我无法让它在 IE 中工作（使用命令“ng serve”不，我有问题）。

polyfills 文件放置与 IE 相关的所有内容

通过删除 prod 构建配置的选项“优化”并将文件夹“./node_modules/core-js/”放在 dist 根目录中，使其工作。

我需要在不删除此选项的情况下解决问题。这是可能的？

我留下文件 angular.json、polyfills.ts 和 package.json

包.json

角.json

在 polyfills.ts 中取消注释此行：

由于 HD 崩溃，我丢失了我的源代码 :( 我确实有我上传的 Angular 6 项目构建。有没有办法将这些捆绑包反转为我的源代码？

请建议相关的算法或任何工具。这对于像我这样丢失代码的所有开发人员来说真的很有帮助

我将 html 中的基本网址作为

当我ng build --prod在服务器中运行并托管生成的文件时，出现以下错误。

问题是它没有在 prjFolder 之后添加斜杠，因此路径变得无效。

任何人都对此有任何想法以及解决此问题的解决方案。

我什至尝试过但仍然是同样的错误

index.html 文件：

错误 ：

GET https://namwebsite.com/demo/prjFolderstyles.2cd1dd7108e063f57822.css net::ERR_ABORTED 404 demo.js:1 Uncaught ReferenceError: APlayer is not defined at demo.js:1 (anonymous) @ demo.js:1 3/ :50 GET https://namwebsite.com/demo/prjFolderpolyfills.f6ae3e8b63939c618130.js net::ERR_ABORTED 404 ppomap.js:9 Uncaught ReferenceError: google is not defined at initialize (ppomap.js:9) at ppomap.js:88初始化@ ppomap.js:9（匿名）@ ppomap.js:88 /:41 GET https://namwebsite.com/demo/prjFolderstyles.2cd1dd7108e063f57822.css net::ERR_ABORTED 404 3/:50 GET https://namwebsite .com/demo/prjFolderruntime.a4802852034188678b29.js net::ERR_ABORTED 404

1. 角.json

2. 在我的 login.component.ts

3. 在我的 dist 文件夹中

4. 在 dist 文件夹 main.js 一些 png 设置代码

5. 角-cli 6.2.6 节点 8.9.0 蚂蚁设计

在 ng build 之后 ... assets/ 中的一些图片现在位于 dist 根文件夹中，并且 background-url 已更改，请帮助我