当我将文件夹命名为“组件”时，我的项目无法工作，如果我命名任何其他名称（“组件”、“意大利面”、“模板”），它就可以工作。路由名称很好，只有当文件夹名为“组件”时才会发生这种情况。我在这个项目中使用lit-element有用不起作用重现步骤npm i lit-elementtouch index.html // Create a HTML file in the root foldermkdir components // Create a folder where JS components will betouch main.js // Create a component filecd ..; polymer serve // Go back one directory and run the projectimport { LitElement, html } from 'lit-element';class MyElement extends LitElement { render() { return html`<p>template content</p>`; }}customElements.define('my-element', MyElement);<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script type="module" src="./components/main.js"></script> <title>lit-element code sample</title></head><body> <my-element></my-element></body></html>注意此代码片段不在 StackOverflow 中运行，请创建项目并重现它。将“组件”文件夹的名称更改为您想要的任何名称，然后更改文件中的路径index.html。
1 回答
函数式编程
TA贡献1807条经验 获得超9个赞
正如您从日志中看到的，polymer serve保留一个以 开头的命名空间，用于服务可重用组件（ Polymer 旧依赖管理components/的遗产）。这会阻止正确提供您的文件夹。命名空间应该可以通过该选项进行配置，尽管它似乎不起作用。bower_componentscomponents--component-url
你可以
直接使用
polyserve并更改组件url：$ npm i -g polyserve $ polyserve --component-url mycustomcomponenturl
使用另一个开发服务器：open-wc
es-dev-server是一个很好的选择，lit-html 文档也引用了它。
- 1 回答
- 0 关注
- 98 浏览
添加回答
举报
0/150
提交
取消