同一页面中的多个Web组件在chrome中出错,例如无法读取Angular 中未定义(阅读创建)的属性

yuvru6vn  于 2023-01-28  发布在  Go
关注(0)|答案(1)|浏览(108)

创建了两个Web组件:网络组件1、网络组件2
当我试图添加HTML页面,我得到如下控制台错误

Uncaught TypeError: Cannot read properties of undefined (reading 'create')
at new m.<computed> (web-comp-1.js:3:2706)
at new t (web-comp-1.js:3:12616)

我查了一下,密码是,
(o = (u = F && 1 === a.create.length) ? Reflect.construct
使用以下版本和Angular 元素生成的Web组件:“@Angular /动画”:“14.2.7”,“Angular /cdk”:“14.2.5”,“Angular /普通”:“14.2.7”,“@Angular /编译器”:“14.2.7”,“Angular /芯”:“14.2.7”,“@Angular /元素”:“14.2.7”、
堆栈 lightning 链接:https://stackblitz.com/edit/web-platform-bkqbag?file=index.html
如果你运行在堆栈 lightning 战,你不会看到任何错误,你需要下载的项目,并打开只有在“ chrome ”。这个问题只发生在 chrome ,而不是在mozilla

uttx8gqw

uttx8gqw1#

两种解决方案:
**a)**将json包中的document-register-element包从1.7.2升级到1.14.10,错误消失,谢谢@Abolfazl Almas,你的链接让我有了一个想法

**B)**删除document-register-element包(已弃用),添加“@ungap/custom-elements”,并在angular.json文件中如下所示更改document-register-element文件路径:

"scripts": [{
            "input": "node_modules/@ungap/custom-elements/index.js"
 ]}

相关问题