3

我的目标是开发一个 Angular Web 组件，我可以在我的“普通”父 SPA和一个 Wordpress 网站中使用它。

在 Wordpress 网站上使用 Web 组件时，我使用ngx-build-plus将所有内容打包在一个包中。. 这很好用。

但是，在为我的父 Angular 应用程序提供 Web 组件时，我想避免在包中包含 Angular 部分（因为它已经存在）。我遵循自述文件中描述的差异加载的博客/指南- 但我遇到了这个错误（root.component 是我的 Web 组件的名称）。

root.component.ts:10 Uncaught TypeError: Cannot read property 'ɵɵdefineComponent' of undefined
    at root.component.ts:10
    at Module../src/app/root.component.ts (root.component.ts:16)
    at __webpack_require__ (bootstrap:19)
    at Module../src/app/app.module.ts (app.module.ts:1)
    at __webpack_require__ (bootstrap:19)
    at Module../src/main.ts (main.ts:1)
    at __webpack_require__ (bootstrap:19)
    at Object.0 (main.ts:22)
    at __webpack_require__ (bootstrap:19)
    at bootstrap:83
    at bootstrap:83

服务时出现上述错误：

ng s --extra-webpack-config projects/<name-of-project>/webpack.externals.js --output-hashing=none --project eddy-library --single-bundle

如上所述，它可以正常工作（但它会创建大包 - 包含角度）。

ng s --project <name-of-project> --single-bundle

非常欢迎任何帮助。我尝试从示例存储库中复制所有内容，但无济于事

4

0 回答 0