小程序第一天踩坑报道

以下是第一天配置小程序组件化过程中踩的坑的总结。

出现以下问题： 

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({

})