angular - 无法在 Angular 7 应用程序中运行自定义 Angular 7 元素包

Question

我正在尝试创建一些可以在广泛的客户站点上使用的自定义 angular 7 元素/组件。外汇。Wordpress、Angular 前端等等。

设置

我已经捆绑了这样的角度元素进行测试：
package.json 命令：

"build:elements": "ng build --prod=true --outputHashing=none && node build-script.js",

构建脚本.js：

const fs = require('fs-extra');
const concat = require('concat');    

(async function build() {

    const files =[
        './dist/elements/runtime.js',
        './dist/elements/polyfills.js',
        './dist/elements/main.js',
        './dist/elements/scripts.js'
    ]

    await fs.ensureDir('publish')

    await concat(files, 'publish/elements.js')

    console.info('Elements created successfully!')
})()

问题

我创建了另一个 Angular 7 站点，其中我将 js 文件包含在索引文件中，但出现以下错误： 在此处输入图像描述

然后我只有一个空白页.. :(

Answer 1

在 src/polyfills.ts 文件中注释下面的那一行并再次生成构建

//导入'zone.js/dist/zone';