加载Vaadin/Polymer自定义元素时出现问题(错误消息:(0,$csb__dommodule.dommodule)。导入不是函数)

加载Vaadin/Polymer自定义元素时出现问题(错误消息:(0,$csb__dommodule.dommodule)。导入不是函数),polymer,vaadin,web-component,codesandbox,Polymer,Vaadin,Web Component,Codesandbox,当我尝试加载vaadin自定义元素按钮时,是否有人能帮助我并告诉我我在这里做错了什么,因为我收到了一条错误消息(0,$csb_udommodule.dommodule)。导入不是一个函数?TYVM:) 导入“@vaadin/vaadin按钮”; document.getElementById(“应用”).innerHTML=` 瓦丁按钮 这是一个按钮 `; 这是一个特定于codesanbox的问题。如果您在本地运行沙箱,那么它可以正常工作。我刚刚测试过 步骤: 导出你的沙箱 运行npm i 运

当我尝试加载vaadin自定义元素按钮时,是否有人能帮助我并告诉我我在这里做错了什么,因为我收到了一条错误消息
(0,$csb_udommodule.dommodule)。导入不是一个函数
?TYVM:)

导入“@vaadin/vaadin按钮”;
document.getElementById(“应用”).innerHTML=`
瓦丁按钮
这是一个按钮
`;

这是一个特定于codesanbox的问题。如果您在本地运行沙箱,那么它可以正常工作。我刚刚测试过

步骤:

  • 导出你的沙箱
  • 运行
    npm i
  • 运行
    npm启动
  • 我刚刚在codesandbox中创建了客户端repo

    Working webcomponents.dev演示:


    更新:已修复链接代码沙盒问题:)

    如果是沙盒问题,请尝试@Danny'365CSI'Engelman我们可以在webcomponent.dev上导入npm依赖项吗?我不这么认为。我在这里@Danny'365CSI'Engelman提出了功能请求,我刚刚添加了webcomponents.dev演示。裸机导入自动在那里工作,而无需显式控制包。json@Danny“365CSI”Engelman OMG这个WebComponents.dev是一个多么棒的在线IDE。一切都在运转——这就是它应该的样子。即使使用JSX,我也不必配置任何东西。最好的事情是:你修改了你的代码,你保存了它,并且这些修改几乎立即可见。然而,我真的,真的,真的很喜欢VIM模式。我认为“uBlock origin”浏览器扩展存在一些问题(至少在我的系统上是这样)。我想,这里至少应该有一个警告。@Natasha是的,uBlock origin阻止了该站点的firebase分析(错误可以在控制台中看到)。这就是为什么我们只能在这个网站上禁用它。