當我將文件夾命名為“組件”時，我的項目無法工作，如果我命名任何其他名稱（“組件”、“意大利面”、“模板”），它就可以工作。路由名稱很好，只有當文件夾名為“組件”時才會發(fā)生這種情況。我在這個項目中使用lit-element有用不起作用重現(xiàn)步驟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 中運行，請創(chuàng)建項目并重現(xiàn)它。將“組件”文件夾的名稱更改為您想要的任何名稱，然后更改文件中的路徑index.html。
1 回答
函數(shù)式編程
TA貢獻1807條經(jīng)驗 獲得超9個贊
正如您從日志中看到的，polymer serve保留一個以 開頭的命名空間，用于服務可重用組件（?Polymer 舊依賴管理components/的遺產(chǎn)）。這會阻止正確提供您的文件夾。命名空間應該可以通過該選項進行配置，盡管它似乎不起作用。bower_componentscomponents--component-url
你可以
直接使用
polyserve并更改組件url：$?npm?i?-g?polyserve $?polyserve?--component-url?mycustomcomponenturl
使用另一個開發(fā)服務器：open-wc
es-dev-server是一個很好的選擇，lit-html 文檔也引用了它。
- 1 回答
- 0 關注
- 167 瀏覽
添加回答
舉報
0/150
提交
取消