此錯誤解決方案基本上來自CSDN揪漩,我只是配合我的問題做個整理郎嫁,方便下次查找,侵權(quán)刪
一文狱、錯誤一
原因:
? ./表示你自己當(dāng)前加載當(dāng)前目錄下的router文件,但是我們沒有這個文件缘挽,所以‘./router’會報(bào)錯瞄崇;
‘vue-router’表示這是一個模塊,這是webpack處理的模塊壕曼,webpack會從node_modules里面去加載這個npm包
解決:import VueRouter from './router' 的路徑改為‘vue-router’,問題即解除
二苏研、錯誤二
原因:2.0已經(jīng)沒有map了,
解決:使用npm install vue-router@0.7.13 命令兼容1.0版本vue
三腮郊、錯誤三
原因:版本問題摹蘑,由于vue2刪除了vue1的內(nèi)部指令,而vue-router1.x依賴vue的一個內(nèi)部指令
解決:
1.打開package.json? 將"dependencies"中的? ?"vue-router"版本改為:"^2.2.0"
2.npm install?
3.在App.vue中
? ? ? ? <a v-link="{path:'/goods'}"></a>
改為 <router-link to="/goods">商品</router-link>?
如果上述解決辦法不能解決問題伴榔,你還可以試試這個
我嘗試了上面的解決辦法纹蝴,component的報(bào)錯是解決了庄萎,但是錯誤二map問題又出現(xiàn)了踪少,這是因?yàn)関ue-router的版本沖突問題,踩了很久的坑之后糠涛,我把vue-router改成了‘2.2.0’版本的
1.在package.json中把vue-router的版本更改成“^2.2.0”
2.npm install 安裝
3.配置路由:
4.a標(biāo)簽依舊要改
5.npm run dev運(yùn)行項(xiàng)目
三援奢、錯誤三
原因:Vue 2.2.0+的版本里,當(dāng)在組件中使用v-for時忍捡,key是必須的集漾。
解決:
VScode:文件->首選項(xiàng)->設(shè)置->搜索vetur->找到vetur.validation.template->改為false,重啟VScode
四切黔、錯誤四
原因:vue2.0舍棄了$index
解決:把$index改為index
五、錯誤五
tansition動畫過渡效果不顯示的問題
原因:Vue1.0和Vue2.0中tansition的設(shè)置不一樣
解決:
六具篇、問題六:Cannot read property 'foodsWrapper' of undefined
解決:改變v-el使用ref
七纬霞、問題七Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value(避免直接改變道具,因?yàn)橹灰附M件重新渲染驱显,該值就會被覆蓋诗芜。而是根據(jù)prop的值使用數(shù)據(jù)或計(jì)算屬性。)
解決辦法:
food.vue
子組件數(shù)據(jù)改變之后傳給父組件
ratingselect.vue
在子組件聲明一個中間變量typeSelect,contentOnly埃疫,避免直接改變父組件傳遞過來的selectType,onlyContent
八伏恐、問題八,引入BScroll后栓霜,使用ready初始化無反應(yīng)
在vue2.0中已經(jīng)不支持ready鉤子函數(shù)了翠桦,使用新的?mounted?鉤子函數(shù)替代。應(yīng)該注意的是胳蛮,使用?mounted?并不能保證鉤子函數(shù)中的 this.$el 在 document 中销凑。為此還應(yīng)該引入?Vue.nextTick/vm.$nextTick。
更改:
seller.vue
————————————————
版權(quán)聲明:本文為CSDN博主「天蝎座的文子」的原創(chuàng)文章鹰霍,遵循 CC 4.0 BY-SA 版權(quán)協(xié)議闻鉴,轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_34446663/article/details/80698413