问题标签 [angular-webpack]

我正在将项目更新到最新的 Angular 5 版本，但经过一些版本调整后它仍然失败。所以我基于当前版本（@angular/cli 1.5.0，@angular/* 5.0.0）创建了一个全新的 angular-project 并开始寻找问题。

事实证明，例如在装饰器中使用字符串插值不再被识别。在外部，例如在 console.log 输出中，它运行良好。

我在默认生成的 AppComponent 上试了一下：

结果是一个很大的例外，您可以看到 Angular 尝试定位资源，例如：

src/ ./${name}.component.css.ts 不存在

有没有人暗示这里出了什么问题和/或我可以指出正确的方向吗？

更新：在angular-community做出回应后，这似乎更像是@angular/cli / webpack 的问题。

在为生产 ( ) 构建时，我想从我的 REST API URL (例如http://localhost:8080ng build --prod ) 中删除我的本地服务器前缀。

我知道这与环境文件有关environment.prod.ts，但找不到任何使用它们来实现上述目的的示例。

如果有人帮助我开始，那就太好了！

我已经开发了一个带有 webpack 的 Angular 5 应用程序（考虑“A”），最后我在 index.html 中导入了 2 个包（vendor.js 和 main.client.js）。

我的情况是我有另一个 Angular 5 应用程序（考虑“B”），我应该从中使用那些“A”应用程序包。意图是我必须将“A”应用程序服务导入“B”并调用一个函数，一种依赖注入。经过几次搜索，我没有关于如何做到这一点的基本想法。有人可以帮助我给出提示或参考。谢谢。

我设法将我们的 AngularjS 1.3.15 项目从 Gulp 迁移到 Webpack 4，现在我正试图将我们所有的 5000 多行文件组织到单独的文件中。问题是我不知道如何准确地导出 AngularJS 控制器或指令等以便轻松导入 index.js 文件，以便可以导入我们的 main.js 文件。

例如，我们的一个大文件以 angular.module 开头，然后是控制器，如下所示：

然后是工厂：

后跟一个指令：

在最后一个示例之后，只有一堆指令，所有内容都在这个巨大的文件中，因此需要对其进行组织以使其可维护。

那么导出所有这些的正确方法到底是什么？

我正在尝试使用 webpack 进行捆绑，并且还添加了一个自定义插件来动态加载捆绑文件中所需的模块。所以，我能够生成 bundle.js 文件。该指令未解决。我可以在捆绑文件中看到指令代码，但没有解决。添加指令的模块，该模块也被加载，因为同一模块中的其他组件被解析。这是捆绑文件的屏幕截图 -

如图所示，您可以看到指令已解决。这是不生成模板的html标签-

我无法理解，指令未解决的原因可能是什么。

编辑： - 我做了更多分析，发现 webpack 包文件有一些方法可以使用 require() 来解决依赖关系。所以捆绑文件包含所有代码，但依赖关系由捆绑文件的 require 方法解决。

错误：https ://github.com/mixalistzikas/angular-ssr-i18n

我正在尝试使用 i18n 进行服务器端渲染。我已经使用 angular <=5 完成了此操作，但现在使用 angular CLI 6，我遇到了麻烦。

我正在运行“npm run build:all”并且每次都完成没有任何错误......

浏览器文件.... 完成 服务器文件.... 完成 webpack ...... 完成

但是当我试图在“listening on http://localhost:4201 ”打开站点时，我总是会收到以下错误

谢谢....如果您需要任何其他文件，请告诉我上传

包.json

tsconfig.json

src/tsconfig.app.json

src/tsconfig.server.json

src/main.server.ts

角.json

脚本/build.js

webpack.config.js

webpack.server.config.js

项目.json

src/app/app.server.module.ts

我有以下 webpack.config.js

当我尝试运行时出现此错误

错误：

正如您在我的 webpack.config.js 文件中看到的那样，我将 ngx-dropzone-wrapper 添加到白名单。你知道发生了什么吗？是否有适用于所有外部库的全局解决方案？

在使用 Angular6 项目安装 webpack 时出现错误并且无法安装它
我使用 CLI 命令进入名为myNewAngularPro 的项目文件夹-

我得到的错误-：

我正在使用角度 6。

我想在 PROD 中调试一个应用程序，我需要源映射。当我创建一个带有源映射的构建时，它会将 URL 注入到缩小文件的末尾作为

这使得浏览器调用 sourcemap 并且代码在 prod 中可见。

问题是如何制作源地图但不包含 URL？

我可以使用 gulp 和其他工具作为后期构建来做到这一点，但是有什么出箱/简单的方法吗？

我正在使用 Angular 6 和 videojs-record 插件。我在我的项目中配置了以下依赖项。

后来我使用下面的 import 语句引用了 videojs 插件。

虽然在编译时没有报告错误，但当我点击浏览器时，我在控制台中收到以下错误。

请让我知道，我在这里缺少什么？

版本信息：

UPDATE-1： 如果我更改 webrtc-adapter 导入

至

videojs 失败并出现以下错误。

更新2：

我尝试使用 angular cli 定制器（https://github.com/nfriend/angular-cli-customizer）并按照https://github.com/collab-project/videojs-record/wiki/Angular中指定的说明进行操作

不幸的是，这也没有用:(