Javascript 如何在脚本模块中使用vaadin文本字段
我尝试在脚本模块中使用，但失败了，出现以下消息 未捕获类型错误：解析模块说明符“@vaadin/vaadin lumo styles/color.js”失败。相对引用必须以“/”、“/”或“./”开头 现在我知道ES6不支持“裸”导入说明符 但是有没有一种方法可以在不破坏组件进口的情况下实现这一点呢。 我是说，当然是在当地 这是我的密码：Javascript 如何在脚本模块中使用vaadin文本字段,javascript,ecmascript-6,polymer,vaadin,web-component,Javascript,Ecmascript 6,Polymer,Vaadin,Web Component,我尝试在脚本模块中使用，但失败了，出现以下消息 未捕获类型错误：解析模块说明符“@vaadin/vaadin lumo styles/color.js”失败。相对引用必须以“/”、“/”或“./”开头 现在我知道ES6不支持“裸”导入说明符 但是有没有一种方法可以在不破坏组件进口的情况下实现这一点呢。 我是说，当然是在当地 这是我的密码： <!doctype html> <html> <head> <!-- Polyfills only needed
<!doctype html>
<html>
<head>
<!-- Polyfills only needed for Firefox and Edge. -->
<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
</head>
<body>
<script type="module">
import {PolymerElement, html} from './node_modules/@polymer/polymer/polymer-element.js';
import './node_modules/@vaadin/vaadin-text-field/theme/lumo/vaadin-text-field.js';
class MyElement extends PolymerElement {
static get properties() { return { }}
static get template() {
return html`
<vaadin-text-field></vaadin-text-field>
`;
}
}
customElements.define('my-element', MyElement);
</script>
<my-element></my-element>
</body>
</html>
从“./node_modules/@polymer/polymer/polymer element.js”导入{polymererelation，html}；
导入“./node_modules/@vaadin/vaadin text field/theme/lumo/vaadin text field.js”；
类MyElement扩展了聚合关系{
静态获取属性（）{return{}}
静态获取模板（）{
返回html`
`;
}
}
自定义元素。定义（'my-element'，MyElement）；
注意：我使用的是提供文件而不是polymer CLI我发现使用
polymer serve