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

yuvru6vn 于 2023-01-28 发布在 Go

关注(0)|答案(1)|浏览(109)

创建了两个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

google-chrome

来源：https://stackoverflow.com/questions/75218814/multiple-web-components-in-same-page-giving-error-in-chrome-like-cannot-read-pro

1条答案

按热度按时间

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"
 ]}

赞(0）回复(0）举报 2023-01-28

我来回答

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

1条答案

相关问题

热门标签

最新问答