【小程序】小程序開發自定義組件的步驟>>>>>>>>>小程序開發過程中報錯: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: {
   
  }

})
View Code

其中,data和methods都是自己去完善的!

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

 

  3.第三步:補充json文件

{
  "component": true
}
View Code

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中自己定義的!!!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM