问题标签 [angular-webpack]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
27 浏览

angular - 如何从 ng build --prod (uglifyjs) 中排除几个 nod_modules 文件 - 在 Angular 4 中

如何从 ng build --prod (uglifyjs) 中排除几个 nod_modules 文件,因为 uglifyjs 尝试压缩它,但没有这样做。

我尝试使用 tsconfig.json exclude 来做到这一点 - 不工作所以试图通过 webpack.config.js 来做到这一点。

请问有人可以帮忙吗

0 投票
0 回答
89 浏览

angular - angular 5 动态组件 未找到组件工厂

我正在使用这个 SO 答案来创建动态选项卡:

带有用户单击所选组件的 Angular 动态选项卡

我收到此错误:

SO上有一个页面建议如何解决这个问题:

Angular 4:未找到组件工厂,您是否将其添加到 @NgModule.entryComponents?

我已经在那里尝试了建议的解决方案,但我无法摆脱这个错误。

我的应用程序由子模块构成,我认为这可能与为什么该解决方案不起作用有关。这是我专门尝试过的:

  • 在我的子模块中的“声明”和“入口组件”中添加了 C1
  • 从子模块中导出 C1,将子模块导入 app.module,并将 C1 添加到我的 app.module 中的“声明”和“入口组件”中

这些都不起作用。关于我现在可以尝试什么的任何建议,或者关于如何获取有关实际失败的具体信息的一些建议?

0 投票
4 回答
18137 浏览

angular - 为组件 AppComponent 指定的模板不是字符串

免责声明:是的,我看到有更多“为组件 AppComponent 指定的模板不是字符串”相关问题,但没有一个描述我遇到的具体问题。

当我在ng build中不使用 AoT 进行编译时出现此运行时错误:

这个错误实际上是有道理的,因为在生成的捆绑代码(main.ts)中我看到:

在一个新的 Angular 应用程序中,我看到:

不知何故,原始加载器作为加载器添加到我的 .html 文件中。

现在也许重要的是要提到我正在将我的 webpack 4 AngularJs 项目迁移到 Angular 8。但是当我调试我的 webpack 构建时,我看不到它的测试包含.html加载器的规则。包含raw-loader

loader规则调试图

所以我的加载器规则不会影响这个原始加载器添加到 app.component.html

app.component.ts:

app.component.html:

我会很感激任何帮助,谢谢。

0 投票
1 回答
372 浏览

angular - Angular 似乎将开发依赖项构建到通用包中?

我正在使用 typegoose 来统一我的接口 + 数据库模式在 ~6 个应用程序之间共享。它帮助我保持我的数据结构一致。

现在这意味着我的 Angular 应用程序中的大多数类型/接口都来自外部项目。

正因为如此,我有:

添加为开发依赖项。一切正常,我什至可以构建,但是当我尝试使用通用构建时,我可以看到这个警告:

x5 次关于 mongodb/mongoose

当我检查我的 lambda 函数日志时,我可以看到:

它来自typegoose,这让我感到困惑。

我 100% 只使用作为类型,如果我尝试通过使用其中一种类型实例化类对象来使用它,整个应用程序将根本无法工作。

这里的 webpack 配置有什么我遗漏的吗?

0 投票
0 回答
54 浏览

webpack - 如何避免在生产构建中给出垃圾名称

如何避免在生产模式下构建角度应用程序时给出垃圾名称(ng build --prod)

例如,当我使用 ng build 命令正常构建时,我的模块请求是这样的

http://localhost:8762/accsm/cp-create-cp-create-module.js

当我使用 ng build --prod 在生产模式下运行时,我的请求名称给出了一些垃圾名称,如下所示

http://localhost:8762/accsm/5.4038f5bfd96424556526.js

如何在生产模式下也避免这种垃圾名称问题?

问候, 比克沙帕蒂

0 投票
0 回答
292 浏览

angular - WebWorkers 和 Angular 中的导入上下文

我有一个WebWorker使用进口的地方。我能够导入一个类并使用它。

我有一个文件,其中有 2 个类,其中一个类使用 angular、firebase 和该类的其他导入;另一个类只是构建对象的构造类。每当我导入普通的构造函数类时,我都会遇到:

我猜测 angular 以某种方式涉及,因为我正在导入的特定类不使用依赖项。

有没有办法解决这个错误,以便我可以导入一个包含其他依赖项的文件中的普通类?我应该研究angular/webpack它是如何为网络工作者编译文件的吗?

0 投票
1 回答
129 浏览

webpack - 如何以角度使用 webpack“output.devtoolNamespace”

我有一个角度应用程序。

在浏览器中,我看到源根为
webpack://src...

我想使用其他命名空间,例如
webpack://web-component-a/...
webpack://web-component-b/...

在我读过的 webpack 文档中,我可以这样做:
https ://webpack.js.org/configuration/output/#outputdevtoolnamespace

但是在 Angular 9 中,我没有 webpack 配置。如何合并自定义 webpack 部分文件并自定义“输出”对象而不重新定义它

0 投票
1 回答
177 浏览

angular - 在 Angular V8 中构建 Web Worker 时找不到核心 Angular 对象

我正在 Angular v8 项目中做我的第一个网络工作者。我想让我的网络工作者在那个单独的线程中进行 HTTP 服务调用。不幸的是,在 ng 构建过程中,我收到如下所示的编译器错误。特别是对于 V6 代码,我看到了建议使用 webpack 的指导。我编写代码就好像 Angular 将我的 Typescript 代码编译成一个 JavaScript 文件,它引用了 Angular 导入的服务(尽管只有后端),把它放在正确的 webpack 中(如果这甚至相关的话),新的 webworker() 构造函数得到它需要的东西.

我的网络工作者文件是:

请原谅 console.log 语句。一旦测试了其中的关键方面,它们中的大多数将被删除。

SoftlayerService 类包含(最终)通过 RXJS 进行 RESTful 调用的方法。

帮助 :)

谢谢,樵夫

0 投票
0 回答
17 浏览

angular - webpack 在 angular8+ 版本中如何工作?我们如何更改 webpack 的配置?

在 Angular 最新版本中,webpack 被用于编译和构建活动。如果您想检查 webpack 是如何工作的以及如何定义配置,我们该怎么做?有什么方法/文件可以让我们直接看到这样的配置吗?

0 投票
0 回答
1021 浏览

angular - 在 Angular 13 中运行 customWebpackConfig

我最近使用我需要的所有组件的最新最完整包进行了更新,Angular 13并且Angular 11我正在努力让custom-webpackangular builder 在我执行时运行ng serve

在我的场景中,我通过自定义 web 包插件 CSS Purge 执行 CSS 优化,因此让它工作对我来说至关重要,我确信这是可能的。但是,如果我ng build --configuration production这样做,它就像一种魅力,angular.json根本不会呻吟。

我执行时遇到的主要问题ng serve是我收到以下错误:

当前angular.json文件具有以下设置:

现在请注意,为了迁移,至少在我的情况下迁移到 Angular 13.0.2,我必须删除“ extractCss: true”位,因为我遇到了与此相关的错误(而不是我添加了 inlineCriticalCss 选项),我确实buildOptimizer: false将浏览器部分,否则它不能仅使用aot: false,公平地说,但是当我执行服务时,我无法让 webpack 运行。

我拥有的package.json依赖项:

请注意,在迁移之前,我一切正常。当我更新custom-webpack似乎必须运行最新软件包的库时,这似乎正在发生。如果我在这里查看它的文档:https ://www.npmjs.com/package/@angular-builders/custom-webpack#Custom-webpack-browser 对我来说语法看起来不错,因此我不知道如何解决这个问题 - 除了在项目网页上提出它。

非常感谢任何帮助,谢谢!

更新!

通过将我的 angular.json 与此处的线程进行比较,实际上发现了发生了什么:https ://stackoverflow.com/a/61768757/5293466在服务部分中,我必须删除 customWebpackConfig 的东西。然后一切都开始工作了!!!