留言板

在給組件命名的時候我們大多數的時候命名字母全小寫且包含一個連字符,但是有的時候我們也是用單詞首字母大寫的方式實現的組件命名
如果當我們需要將組件渲染到dom上的時候強烈建議使用全部字母小寫且有連接符連接的命名
在html中是大小寫不敏感的,使用全小寫且連接符連接會幫助我們與當前或者未來的元素沖突
百度自定義組件名不能用下劃線


正確示例

"navigationBarTitleText": "智能小程序示例",
"usingComponents": {
"qwbmlist": "/components/searchInput/qwbmlist",
"qwbm-list": "/components/searchList/qwbmlist",
"qwbm_list": "/components/searchList/qwbmlist", //這行就是有問題的，因為用一下劃線
}
注意：組件的文件名可以用駝峰命名，但不能用中劃線
注意：組件名只能是全小寫加中劃線，不能用駝峰命名和下劃線

index 頁面引入
<qwbmlist></qwbmlist>
<qwbm-list></qwbm-list>
<qwbm_list></qwbm_list>    //這行就是有問題的，因為用一下劃線





Compile san component failed.
[SAN ERROR] ROOT>swan-custom-component>view>qwbm's close tag has attributes
Error: Compile san component failed.
[SAN ERROR] ROOT>swan-custom-component>view>qwbm's close tag has attributes
at X (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:49332)
at Object.Ye [as parseComponentTemplate] (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:72922)
at V (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:382573)
at B (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:382868)
at U (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:382979)
at p (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:830845)
at file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:831663
at a.getComponentType (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:831922)
at ke (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:60743)
at a.<anonymous> (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:80346)
at a.attach (D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\node_modules\@ecomfe\san-devhook\dist\san_devhook.js:2019:27)
at e.value (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:718106)
at e.value (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:715675)
at file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:712413
at file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:341978
at Array.forEach (<anonymous>)
ext msg: {}
(anonymous) @ D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\dist\extensions\simulator\src\webview\preloads\master\events.js:1
(anonymous) @ D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\dist\src\services\event\renderer\event-map.js:1
emit @ events.js:203
onMessage @ electron/js2c/renderer_init.js:2422
D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\dist\extensions\simulator\src\webview\preloads\master\events.js:1

error from page:

D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\dist\extensions\simulator\src\webview\preloads\master\events.js:1 Slave attached error in _transitPageAttach function.
Cannot read property 'tagName' of undefined
TypeError: Slave attached error in _transitPageAttach function.
Cannot read property 'tagName' of undefined
at U (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:383202)
at p (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:830845)
at file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:831663
at a.getComponentType (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:831922)
at ke (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:60743)
at a.<anonymous> (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:80346)
at a.attach (D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\node_modules\@ecomfe\san-devhook\dist\san_devhook.js:2019:27)
at e.value (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:718106)
at e.value (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:715675)
at file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:712413
at file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:341978
at Array.forEach (<anonymous>)
at HTMLDocument.<anonymous> (file:///C:/Users/Administrator/AppData/Roaming/%E7%99%BE%E5%BA%A6%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7/cli/vendor/swan-core/3.300.10/slaves/index.js:1:341958)
at D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\dist\extensions\simulator-swan-api\src\webview\utils\message.js:1:279
at D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\dist\extensions\simulator-swan-api\src\webview\slave\index.js:1:1111
at EventEmitter.<anonymous> (D:\Program Files\swan-ide-gui\resources\app\build-3.33.1\app.asar\dist\src\services\event\renderer\event-map.js:1:1116)
ext msg: {"isWhiteScreen":true}