0

我已经构建了 2 个带有角度元素的微型应用程序。使用 ngx-built-blus 和 --output-hashing 非 --single-bundle true 构建微应用程序。在 localhost 的 2 个不同端口上为他们提供服务。我目前面临以下问题。Shell 应用程序是一个常规的 Angular 应用程序

  1. 除非我在 shell 应用程序中添加 polyfills.js 和 vendor.js 的脚本以及 main.js，否则它不会加载。Chrome给出了错误
runtime.js:80 Uncaught TypeError: Cannot read property 'call' of undefined
at __webpack_require__ (runtime.js:80)
at Module../src/app/app.module.ts (main.js:436)
at __webpack_require__ (runtime.js:80)
at Module../src/main.ts (main.js:506)
at __webpack_require__ (runtime.js:80)
at Object.0 (main.js:529)
at __webpack_require__ (runtime.js:80)
at checkDeferredModules (runtime.js:46)
at Array.webpackJsonpCallback [as push] (runtime.js:33)
at vendor.js:1</code>
  1. 如果我确实添加了所有 polyfills.js、vendor.js 和 main.js，那么 shell 应用程序只会加载顶部的微型应用程序。shell app-root 和其他微应用未加载

这是因为构建过程有问题吗？ngx-build-plus 应该用 main.js 打包 vendor。如果是这样，为什么微应用在它的 main.js 中找不到它。微型应用程序是否需要一些设置才能从 main.js 中找到它的供应商和 polyfill

4

1 回答 1

0

我通过将 --single-bundle true 添加到 serve 命令来解决这个问题。仅添加 ng build 命令是不够的。

<code> ng serve --signle-bundle true </code>
于 2020-05-20T16:55:48.377 回答