问题标签 [ng-build]

我有 angular 6 / node js 系统，它已经上线了。所以现在我需要将最新的更改移动到实时服务器，然后再移动到开发服务器。两者都是相同的环境，即Linux Server (RHEL7.6)并且在工作 windows中。

因此，当我在开发服务器中执行ng build --prod时出现此错误，但 ng serve 将起作用并且 ng build 将起作用，并且在我的本地机器（即 Windows）中没有收到此错误。我用谷歌搜索并发现某些区分大小写的原因可能是造成这种情况的原因，但我仔细检查过，并且 100% 确定这不是原因。而且我还引用了此页面无法确定 X.ts 中 X 类的模块！将 X 添加到 NgModule 以修复 ionic2 中的错误，但这也对我没有帮助。该问题仅发生在已经存在的组件上，我只是更改了该组件的位置和一个组件名称。我通过 winSCP 将所有更改移动到开发服务器。任何帮助表示赞赏。

当我们在默认情况下进行 Angular 构建时点击“ng build”时，它会将 HTML 与 JS 捆绑在一起，并为我们提供一个物理 JS 单元文件。

“ng build”中是否有一个选项，我可以说不要将视图与 JS 捆绑在一起？

就像是

注意我知道我可以通过使用 webpack 来完成，但现在不想探索这条路线，因为我有一个在 Angular 2 中制作的非常大的项目并且想要快速迁移。

我面临一个问题，请帮我解决这个问题。问题是，当我ng build在 CLI 中执行并转到 dist 文件夹并运行 index.html 文件时，控制台会收到文件路径的错误。

使用 --prod 构建我的 Angular 7 项目时，我在budgets.

我有一个 Angular 7 项目。我正在尝试构建它，但我不断收到以下警告：

这些是块的详细信息：

预算究竟是什么？我应该如何管理它们？

我正在将此插件用于 Angular 7 上的多级菜单。它在执行 ng serve 时工作正常，但在执行 ng build 时不起作用。
使用 'ng build --configuration=dev' 构建时出现此错误。

在执行“npm install”时也会收到以下警告。

这是我在 angular.json 中的开发配置

这是sidemenu.component.html

这是 ts 文件。请指教我做错了什么。

Angular 7 应用程序使用 flag-icon-css。

ng build --prod创建包含所有标志图标图像的 dist 目录，即使我现在只使用 5-7 个图像（当应用程序增长时我将使用更多图像）。

这给项目增加了很多不必要的重量。

在 flag-icon-css github 页面上，有关于如何通过编辑删除未使用的图像的说明flag-icon-list.less，但这并没有奏效。 https://github.com/lipis/flag-icon-css#development

有没有办法从 dist 目录中排除未使用的标志图标图像？

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

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

它生成带有资产和一些的dist文件夹index.htmlJS files

检查索引文件

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

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

包.json

Build project in Angular7.
After build through command ng-build --prod --base-href /client/product/v2/

deploy in vs folder, but folder structure is : www.domain.com/client/product/vs

All the images are in assets folder and after build assets folder is in root.

After deployment, all the images path are broken. some images are ../../imagename.png and some through css ../imagename.png.

any idea how to fix this path issue? TIA

运行时出现错误ng build--prod。而且我也尝试运行npm install，但我也遇到了同样的错误。

我的项目很大。在上一个版本中，我添加了大量新功能。构建过程给了我这个错误日志。

改变 --max-old-space-size=4096对我不起作用。

{ Error: Command failed: ng build --prod --configuration=config --output-path=test --base-href=/test/ FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 1: 0x8dbaa0 node::Abort() [ng build --prod --configuration=config --output-path=test --base-href=/test/] 2: 0x8dbaec [ng build --prod --configuration=config --output-path=test --base-href=/test/] 3: 0xad83de v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 4: 0xad8614 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 5: 0xec5c42 [ng build --prod --configuration=config --output-path=test --base-href=/test/] 6: 0xec5d48 v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 7: 0xed1e22 v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 8: 0xed2754 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 9: 0xed53c1 v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 10: 0xe9d636 [ng build --prod --configuration=config --output-path=test --base-href=/test/] 11: 0xeafee7 v8::internal::Factory::NewLoadHandler(int) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 12: 0xf2f4db v8::internal::LoadHandler::LoadFromPrototype(v8::internal::Isolate*, v8::internal::Handle<v8::internal::Map>, v8::internal::Handle<v8::internal::JSReceiver>, v8::internal::Handle<v8::internal::Smi>, v8::internal::MaybeHandle<v8::internal::Object>, v8::internal::MaybeHandle<v8::internal::Object>) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 13: 0xf36d1f v8::internal::LoadIC::ComputeHandler(v8::internal::LookupIterator*) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 14: 0xf3d94c v8::internal::LoadIC::UpdateCaches(v8::internal::LookupIterator*) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 15: 0xf3dffc v8::internal::LoadIC::Load(v8::internal::Handle<v8::internal::Object>, v8::internal::Handle<v8::internal::Name>) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 16: 0xf42935 v8::internal::Runtime_LoadIC_Miss(int, v8::internal::Object**, v8::internal::Isolate*) [ng build --prod --configuration=config --output-path=test --base-href=/test/] 17: 0x235e3925be1d