加载 Vaadin/Polymer 自定义元素时出现问题（错误消息：(0 , $csb__dommodule.DomModule).import 不是函数）

Question

当我尝试加载 vaadin 自定义元素按钮时，有人可以帮助我并告诉我我做错了什么吗，因为我收到一条错误消息 (0 , $csb__dommodule.DomModule).import is not a function？ TYVM :)

import "@vaadin/vaadin-button";

document.getElementById("app").innerHTML = `
  <h4>Vaadin Button</h4>
  <section>
    <vaadin-button>This is a button</vaadin-button>
  </section>
`;

https://codesandbox.io/s/recursing-swartz-tbe4y?file=/src/index.js

Answer 1

这是 codesanbox 特有的问题。如果你在本地运行你的沙箱，那么它工作正常。我刚刚测试了

步骤：

导出沙箱
运行 npm i
运行 npm start

我刚刚在 codesandbox 客户端仓库中创建了 this issue。

工作 webcomponents.dev 演示：https://webcomponents.dev/edit/RvnCgQUcXyckBJdjBCgl

更新： 链接的 Codesandbox 问题已修复 :)

加载 Vaadin/Polymer 自定义元素时出现问题（错误消息：(0 , $csb__dommodule.DomModule).import 不是函数）

Problems when loading Vaadin/Polymer custom elements (Error message: (0 , $csb__dommodule.DomModule).import is not a function)

polymer

vaadin

web-component

codesandbox