Vue 報(bào)錯(cuò)Error: No PostCSS Config found問題及解決
Vue 報(bào)錯(cuò)Error: No PostCSS Config found
從git上 clone 下來的代碼：
npm install
安裝依賴以后，啟動(dòng)服務(wù)，出現(xiàn)Error: No PostCSS Config found報(bào)錯(cuò)：
npm run dev
解決辦法
在項(xiàng)目根目錄下創(chuàng)建postcss.config.js，配置內(nèi)容如下：即可修復(fù)報(bào)錯(cuò)問題。
module.exports = {
plugins: {
'autoprefixer': {browsers: 'last 5 version'}
}
} Vue使用中報(bào)錯(cuò)處理ERROR
Vue常見錯(cuò)誤解析
vue.js:634 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.
vue實(shí)例只能掛在到普通的元素標(biāo)簽上，不能是html、body標(biāo)簽，而且推薦使用id選擇器來獲取標(biāo)簽
[Vue warn]: Property or method "XXX" is not defined on the instance but referenced during render.
vue框架是一個(gè)聲明式的框架，所以在掛載點(diǎn)內(nèi)要使用變量時(shí)，要定義才能使用。
[Vue warn]: Unknown custom element: <mycom> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
組件的名字是否正確，或者檢查有沒有注冊(cè)
注意事項(xiàng)關(guān)于組件名稱：
vue.js:634 [Vue warn]: Do not use built-in or reserved HTML elements as component id: div
組件的名稱不能是html內(nèi)置的標(biāo)簽
組件的名稱不是html內(nèi)置的標(biāo)簽全大寫
如果組件的名稱包含大寫字母（非首字母），在使用組件時(shí)，要把大寫字母轉(zhuǎn)換成-小寫字母
vue.js:634 [Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions.
因?yàn)閷?duì)象類型的數(shù)據(jù)影響，組件復(fù)用時(shí)，數(shù)據(jù)會(huì)相互影響，所以為了保證數(shù)據(jù)的正確性和獨(dú)立性，在組件中定義data時(shí)，要寫成一個(gè)函數(shù)，并返回一個(gè)對(duì)象來定義組件的初始數(shù)據(jù)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue.js中使用iView日期選擇器并設(shè)置開始時(shí)間結(jié)束時(shí)間校驗(yàn)功能
本文通過實(shí)例代碼給大家介紹了Vue.js中使用iView日期選擇器并設(shè)置開始時(shí)間結(jié)束時(shí)間校驗(yàn)功能,需要的朋友可以參考下2018-08-08
Vue.js實(shí)現(xiàn)數(shù)據(jù)響應(yīng)的方法
這篇文章主要介紹了Vue.js實(shí)現(xiàn)數(shù)據(jù)響應(yīng)的方法,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-08-08
在vue中,v-for的索引index在html中的使用方法
下面小編就為大家分享一篇在vue中,v-for的索引index在html中的使用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue實(shí)現(xiàn)可拖拽div大小的方法,可封裝為全局方法在項(xiàng)目中所需要地方直接調(diào)用（mixins），本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-04-04
Vue3項(xiàng)目中引入ElementUI并使用的示例詳解
ElementUI是一個(gè)強(qiáng)大的PC端UI組件框架，它不依賴于vue，但是卻是當(dāng)前和vue配合做項(xiàng)目開發(fā)的一個(gè)比較好的ui框架，本文主要介紹了如何在vue3中引入使用ElementUI，需要的可以參考一下2023-06-06
vue框架下部署上線后刷新報(bào)404問題的解決方案(推薦)
這篇文章主要介紹了vue框架下部署上線后刷新報(bào)404問題解決方案,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
用Vue.js在瀏覽器中實(shí)現(xiàn)裁剪圖像功能
在本教程中，我們將探討如何在瀏覽器中使用 JavaScript 庫來操作圖片，為服務(wù)器上的存儲(chǔ)做準(zhǔn)備，并在 Web 程序中使用。我們將使用 Vue.js 而不是原生 JavaScript來完成此操作,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了MVVM 框架解析之雙向綁定,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細(xì)介紹了Vue.Draggable拖拽功能配置使用的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
使用Vue開發(fā)動(dòng)態(tài)刷新Echarts組件的教程詳解
這篇文章主要介紹了使用Vue開發(fā)動(dòng)態(tài)刷新Echarts組件的教程詳解,需要的朋友可以參考下2018-03-03