Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript TypeError:“HtmleElement构造函数:'new'是必需的”_Javascript - Fatal编程技术网

Javascript TypeError:“HtmleElement构造函数:'new'是必需的”

Javascript TypeError:“HtmleElement构造函数:'new'是必需的”,javascript,Javascript,我对stackblitz有些意见,给我一个错误: TypeError: "HTMLElement constructor: 'new' is required". 奇怪的是,VS代码运行的代码完全相同,但不幸的是,我需要使用stackblitz链接提交作业,因此我需要修复错误 类myStudent扩展了HtmleElement{ 建造师{ 超级的 const shadowRoot=this.attachShadow{ 模式:“打开” }; 设sID=this.getAtt

我对stackblitz有些意见,给我一个错误:

TypeError: "HTMLElement constructor: 'new' is required".
奇怪的是,VS代码运行的代码完全相同,但不幸的是,我需要使用stackblitz链接提交作业,因此我需要修复错误

类myStudent扩展了HtmleElement{ 建造师{ 超级的 const shadowRoot=this.attachShadow{ 模式:“打开” }; 设sID=this.getAttributestudent-id 让学生参与; 对于let i=0;i自定义元素。定义“我的学生”,我的学生 这是因为Stackblitz使用Babel将代码传输到ES5,但这会将类构造函数变成常规函数,这与浏览器的预期不符

看。您还可以在那里找到解决方案,这是一个暂时的解决办法:

作为一种解决方法,您可以将此垫片添加到外部资源列表中:https://unpkg.com/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js

或者,您可以尝试添加@webcomponents/webcomponentsjs作为依赖项,然后在任何其他代码之前手动导入垫片:

导入“@webcomponents/webcomponentsjs/webcomponents loader.js” 导入“@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js”
您确定您使用的正是此代码,而不是customElements。请定义“我的学生”,myStudent;。错误消息暗示您在代码中的某个地方使用了myStudent。@GuillaumeGeorges是的,我尝试过,但不起作用…@Titus是的,这是代码,这是stackblitz中所有文件的链接。@GuillaumeGeorges不是这样的,我现在正在尝试许多变体。问题似乎是stackblitz如何传输您的代码。它将类定义更改为普通函数。谢谢!外部资源列表在哪里?在侧边栏中,您应该可以将其作为依赖项添加。您也可以尝试在此处执行的方式: