问题标签 [angular-builder]

根据 angular-cli 文档BuilderContext.reportStatus()应该用于报告构建器活动的状态，但我什么都看不到（使用"@angular-devkit/architect": "^0.802.0"），而BuilderContext.logger.info()确实将状态输出到控制台，所以我对如何使用 reportStatus 功能完全感到困惑。

我希望开发模式下的 ssr 在开发期间重现生产服务器渲染，并且我无法设置 ssr 和 ng 服务同时运行，因为实时重新加载在 ssr 端口上不起作用。

服务器端渲染无法在开发模式下工作但热重载唯一的服务构建器是

此构建器不与服务器端渲染一起用于开发构建

创建一个 Angular CLI 构建器，该构建器可以提供在监视模式下构建的开发服务器，并在项目发生变化时实时重新加载，就像ng serve这个构建器作为 @nguniversal 示意图的一部分一样。

Github问题：

• https://github.com/angular/universal/issues/1276 https://github.com/angular/universal/issues/1202

我已经编写了一个服务MyService和它的模拟版本——MyServiceMock用于单元测试，提供和使用模拟服务的结果，直到我的 BE 准备好。

我用作MyService的别名MyServiceMock，因此将来当 BE 准备好时，我不必更改我的代码：

在我的服务模块中，我使用：

在我的组件中也是如此：

ng serve它和...一起工作得很好，ng build直到我为构建服务。浏览器中出现运行时错误MyService is undefined。但请注意，当通过 Angular 提供服务时，ng serve一切正常。ng build|中没有警告和错误。ng build --prod构建流程。

下面的解决方案很简单，但我将不胜感激。

谢谢！

例如，当使用 webpack 创建 bundle 时，它​​输出 angular 如下。

/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");

但我希望输出是这样的：

/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "@angular/core");

网上说你需要改resolve.alias，但我的理解是如果我改了resolve.alias，这次我找不到我使用的模块的路径。

我不是很受 webpack 支配，但我确信有解决这个问题的方法。有没有可用的解决方案？

更新

这个问题恰好出现在以下场景中，例如 C 模块使用X 库。同时，这个 C 模块在 A 模块下打开，A 模块的子模块。模块 A 和 C 在 2 个不同的项目上编译。我将 X 库捆绑在模块 A中。我没有将X 模块捆绑在 C 模块中。因为我知道在模块 A中，这个模块 X是捆绑的。但是，C 模块开发人员从“ D:\X-Library ”文件路径获取 X 模块引用，而 A 模块开发人员从“ D :\Libraries\X-Library ”获取 X 模块引用" 文件路径。通过这些引用，Webpack 从 bundle 中调用 X 模块。最后，当在 A 模块中打开 C 模块时，当它要使用 X 模块时，它请求" D:\X-Library " as _webpack_require (" D:\X-Library ")。但是，模块 X 被模块 A 注册为_webpack_require (" D:\Librarires\X-Library ")。这就是为什么它不起作用。我希望我可以，A模块的子模块。模块A和C在2个不同的项目上编译。我捆绑了X库在模块 A 内。我没有将 X 模块捆绑在 C 模块内。因为我知道在模块 A 中，这个模块 X 是捆绑的。但是，C 模块开发人员从“ D:\X-Library ”文件路径获取 X 模块引用，而 A 模块开发人员从“ D:\Libraries\X-Library ”文件路径获取 X 模块引用。通过这些引用，Webpack 从包中调用 X 模块。最后，当在A模块内部打开C模块时，当它想使用X模块时，它请求“ D:\X-Library ”作为_webpack_require(“ D:\X-Library ”)。但是，模块 X 被模块 A 注册为_webpack_require (" D:\Librarires\X-Library“）。这就是为什么它不起作用。我希望我能。

在Angular 8中创建用于生产的构建之后......我想在代码中更改API的baseURL和端点并且不想再次重建应用程序代码中显示的更改..这可能吗.. . 如果是，我们该怎么做？

我正在使用 Angular 构建器在dist/生成的目录中添加一些额外的文件和文件夹。src/assert/puppies在这种情况下，我希望将目录src/assert/kittens复制到一个名为animals/.

换句话说，我想要这个

成为这个

角.json

这是我的 angular.json 文件的相关部分：

这是我的custom-webpack.config.js。我已经有了这些内容，因为我希望编译和复制这些脚本。

我要添加什么才能以上述方式custom-webpack.config.js将这些资产文件夹复制到其中？dist/

我目前正在尝试使用Angular 9 RC6运行项目。不幸的是，它无法使用 Angular Ivy 进行编译，可能是因为其中一个依赖项。所以我必须禁用常春藤。它使用 Angular Material 并且所有项目样式文件都是.scss文件。构建和服务运行成功。

但是当我服务（或构建和服务）网站时，没有应用任何与组件相关的样式。尽管它正确使用了 Angular Material 样式。

该项目create-nx-workspace由 Nrwl/Nx 发起。在angular.json文件中有示意图

建造者是@angular-devkit/build-angular:browser为了建造或@angular-devkit/build-angular:dev-server服务。

这是我的 Angular 依赖项（在空行 devDependencies 之后）：

你知道我如何调试这个问题吗？如果信息丢失，请告诉我。

干杯和感谢！

目前我正在将一个项目更新到 Angular 9。不幸的是，我无法使用 IVY 构建它。错误信息是

无法将类型实体 ɵngcc14.ɵu 解析为符号中的错误

在没有禁用 IVY 的情况下，项目可以正常构建和服务。我认为，这是由外部库引起的。我想知道是否有可能将其他日志记录或调试信息打印到控制台，或者是否有任何日志文件以确定这些依赖项中的哪些导致错误。你有什么主意吗？

我的依赖是

谢谢和欢呼！

我们正在使用角度 6。

我想创建另一个角度应用程序并放在同一个域中，这里是 example.com主应用程序的示例，我的新应用程序将托管在 example.com/app2/

这是我的 apache 配置的样子

现在，当我尝试访问新应用程序时，它会产生下载文件的问题，因为 Angular 应用程序将在 index.html main.js vendor.js styles.js等中插入以下文件。

main.js现在from的请求example.com/app2/将转到，example.com/main.js因为 Angular 构建过程会自动添加main.js到 index.html

有没有办法说角度而不是添加<script type="text/javascript" src="main.foo.js"></script>我的应用程序需要添加<script type="text/javascript" src="/app2/main.foo.js"></script>

我知道这可以在构建过程中完成。但这些不是唯一的文件。有 webpack 引用和动态下载的块文件。这些参考也需要改变。

开发人员也使用开发服务器而不是构建流程。所以这个路径改变也需要成为 dev-build 的一部分。

所以问题是，有没有办法设置这些自动生成的文件（包括 webpack 块）的路径？

PS我使用角度6，但app2可以升级到角度9/10。

我收到错误

未定义 ^未定义变量：