另一个 Angular 项目中的 Angular 项目：未捕获（承诺中）：

Question

我创建了一个 Angular 9 应用程序并将 js 文件添加到另一个 Angular 应用程序，在 IIS 上部署主机应用程序后，我得到错误 ne is not a function in the console。

重现问题

1. 在项目中创建一个 Angular 9 Web 组件

2. 创建一个 Angular 应用程序项目 b

3. 在项目b中使用项目a中创建的角度组件Web组件应用程序的想法是将组件导入其他项目并无缝工作。

错误类型：

main-es2015.75fe17eab98c55742615.js:1 ERROR Error: Uncaught (in promise): TypeError: n.e is not a functionTypeError: n.e is not a function
    at loadChildren (main-es2015.75fe17eab98c55742615.js:1)
    at un.loadModuleFactory (main-es2015.75fe17eab98c55742615.js:1)
    at un.load (main-es2015.75fe17eab98c55742615.js:1)
    at l.project (main-es2015.75fe17eab98c55742615.js:1)
    at l._tryNext (main-es2015.75fe17eab98c55742615.js:1)
    at l._next (main-es2015.75fe17eab98c55742615.js:1)
    at l.next (main-es2015.75fe17eab98c55742615.js:1)
    at d._subscribe (main-es2015.75fe17eab98c55742615.js:1)
    at d._trySubscribe (main-es2015.75fe17eab98c55742615.js:1)
    at d.subscribe (main-es2015.75fe17eab98c55742615.js:1)
    at T (polyfills-es2015.61be2d396988ee9b9963.js:1)
    at T (polyfills-es2015.61be2d396988ee9b9963.js:1)
    at polyfills-es2015.61be2d396988ee9b9963.js:1
    at l.invokeTask (polyfills-es2015.61be2d396988ee9b9963.js:1)
    at Object.onInvokeTask (main-es2015.75fe17eab98c55742615.js:1)
    at l.invokeTask (polyfills-es2015.61be2d396988ee9b9963.js:1)
    at a.runTask (polyfills-es2015.61be2d396988ee9b9963.js:1)
    at _ (polyfills-es2015.61be2d396988ee9b9963.js:1)Bn @ main-es2015.75fe17eab98c55742615.js:1

Answer 1

你可能只是与 Webpack 有冲突。如果将 Angular 构建器切换为@angular-builders/custom-webpack:browser，则可以使用自定义 Webpack 配置，如下所示：          "options": {            "customWebpackConfig": {              "path": "./extra-webpack.config.js",              "mergeStrategies": {                "externals": "replace"              }            },...自定义配置只会像这样定义唯一的 jsonpFunction：module.exports = {  output: {    jsonpFunction: 'projecta'  }}