【小程序】小程序開發自定義組件的步驟>>>>>>>>>小程序開發過程中報錯：jsEnginScriptError

 

報錯：jsEnginScriptError

VM6342:1 jsEnginScriptError
Component is not found in path "component/space/space" (using by "pages/code/code");onAppRoute
Error: Component is not found in path "component/space/space" (using by "pages/code/code")
    at e (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:745556)
    at e (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:745742)
    at http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:760928
    at Object.t.addView (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:761474)
    at Function.value (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:836986)
    at Vt (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:852641)
    at zt (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:854743)
    at Function.<anonymous> (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:856872)
    at Bt.<anonymous> (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:821975)
    at Bt.emit (http://127.0.0.1:57244/appservice/__dev__/WAService.js:1:305615)

 

 

原因：

　　在開發微信小程序自定義組件時候，會出現這種錯誤信息

解決方法：

　　完整遵循下方小程序開發自定義組件6步驟即可！！【只要嚴格按照下面6步驟，開發小程序的自定義組件，那就不會出現上述的報錯！！！】

===========================================================================

小程序開發自定義組件，標准步驟：

　　1.第一步，創建專門存放自定義組件的目錄，並且針對不同組件，建立不同的子級目錄+4種基本文件

 

 　　2.第二步：補充js文件

Component({

  /**
  * 組件的屬性列表
  */
  properties: {

  },


  /**
  * 組件的初始數據
  */
  data: {

  },



  /**
  * 組件的方法列表
  */

  methods: {
   
  }

})

其中，data和methods都是自己去完善的！

但是整體結構一定要存在於js文件中，用於聲明這是個自定義組件！！！

 

　　3.第三步：補充json文件

{
  "component": true
}

json文件中，一定要寫這段話，用於標志本自定義組件開啟使用！！！

其他內容可以在json文件補充，看自己需求！！

 

　　4.第四步：分別補充wxml文件和wxss文件

這兩個文件完全自定義，不像上面兩個文件中，強制性的有格式要求。

 

到這里，對於自定義組件的聲明和描述完成了。下面的步驟，是在pages頁面具體使用組件時候需要注意的步驟！！！

 例如：在下圖中，在code頁面使用自定義組件

 

 

　　5.第五步：在引用處的json文件中，標明引用組件的名字和地址

在code.json文件中，必須有以下內容：

{
  "usingComponents": {
    "navbar": "../../component/navbar/index",
    "scan": "../../component/scan/scan",
    "tarbar": "../../component/customizeTarbar/tarbar",
    "space": "../../component/space/space"
  }
}

注意：標紅部分， 格式就是【"自定義組件名字"：“自定義組件的相對地址”】

注意：名字可以隨便起，但地址一定要指定對

 

自定義組件的名字----->可以自己隨便起，下面wxml中就是標簽名

自定義組件的相對地址------->剛開始讓你創建規律的目錄層級，就是想這里指定地址時候，不會迷糊

 

　　6.第六步：在引用處的wxml文件中引用插件

<space/>

就像這樣，將這個標簽放在code.wxml文件中，就可以在頁面中看到該組件了。

<space/>標簽名，就是你在code.json中自己定義的！！！