以下是第一天配置小程序组件化过程中踩的坑的总结。
出现以下问题:
Components/component/index.json 文件解析错误 SyntaxError: Unexpected end of JSON input
解决办法:在被引用组件的 json 文件下配置以下代码
{
"component": true
}
或者在引用目标组件的 json 文件下配置以下代码
{
"usingComponents":{
"v-like": "/Components/like/index"
}
}
出现以下错误
VM558:1 jsEnginScriptError
Component is not found in path "Components/like/index" (using by "pages/classic/classic")
Error: Component is not found in path "Components/like/index" (using by "pages/classic/classic")
at e (http://127.0.0.1:18847/appservice/__dev__/WAService.js:16:9833)
at e (http://127.0.0.1:18847/appservice/__dev__/WAService.js:16:9985)
at ne (http://127.0.0.1:18847/appservice/__dev__/WAService.js:16:18885)
at Object.t.addView (http://127.0.0.1:18847/appservice/__dev__/WAService.js:16:20206)
at Function.value (http://127.0.0.1:18847/appservice/__dev__/WAService.js:18:24345)
at D (http://127.0.0.1:18847/appservice/__dev__/WAService.js:18:753)
at q (http://127.0.0.1:18847/appservice/__dev__/WAService.js:18:3173)
at K (http://127.0.0.1:18847/appservice/__dev__/WAService.js:18:3439)
at Function.<anonymous> (http://127.0.0.1:18847/appservice/__dev__/WAService.js:18:6274)
at http://127.0.0.1:18847/appservice/__dev__/WAService.js:18:12486
需要检查 引用组件文件的 json 中路径是否正确配置,或者被引用的组件的 js 文件是否有配置 component
//在主页面的json中配置
{
"usingComponents":{
"组件名": "组件路径,可使用相对路径与绝对路径"
}
}
相对路径和绝对路径示例如下:
或者检查在 被引用组件 下是否有以下代码
Component({
})