Vue 報(bào)錯(cuò)Error: No PostCSS Config found問(wèn)題及解決
Vue 報(bào)錯(cuò)Error: No PostCSS Config found
從git上 clone 下來(lái)的代碼:
npm install
安裝依賴(lài)以后,啟動(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ò)問(wèn)題。
module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }
Vue使用中報(bào)錯(cuò)處理ERROR
Vue常見(jiàn)錯(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選擇器來(lái)獲取標(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.
組件的名字是否正確,或者檢查有沒(méi)有注冊(cè)
注意事項(xiàng)關(guān)于組件名稱(chēng):
vue.js:634 [Vue warn]: Do not use built-in or reserved HTML elements as component id: div
組件的名稱(chēng)不能是html內(nèi)置的標(biāo)簽
組件的名稱(chēng)不是html內(nèi)置的標(biāo)簽全大寫(xiě)
如果組件的名稱(chēng)包含大寫(xiě)字母(非首字母),在使用組件時(shí),要把大寫(xiě)字母轉(zhuǎn)換成-小寫(xiě)字母
vue.js:634 [Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions.
因?yàn)閷?duì)象類(lèi)型的數(shù)據(jù)影響,組件復(fù)用時(shí),數(shù)據(jù)會(huì)相互影響,所以為了保證數(shù)據(jù)的正確性和獨(dú)立性,在組件中定義data時(shí),要寫(xiě)成一個(gè)函數(shù),并返回一個(gè)對(duì)象來(lái)定義組件的初始數(shù)據(jù)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue+iview+less 實(shí)現(xiàn)換膚功能
這篇文章主要介紹了vue+iview+less 實(shí)現(xiàn)換膚功能,項(xiàng)目搭建用的vue—cli,css框架選擇的iview,具體操作流程大家跟隨腳本之家小編一起看看吧2018-08-08Vue組件實(shí)例間的直接訪問(wèn)實(shí)現(xiàn)代碼
在組件實(shí)例中,Vue提供了相應(yīng)的屬性,包括$parent、$children、$refs和$root,這些屬性都掛載在組件的this上。本文將詳細(xì)介紹Vue組件實(shí)例間的直接訪問(wèn),需要的朋友可以參考下2017-08-08解決vue v-for src 圖片路徑問(wèn)題 404
今天小編就為大家分享一篇解決vue v-for src 圖片路徑問(wèn)題 404,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11vue中使用v-for時(shí)為什么不能用index作為key
這篇文章主要介紹了vue中使用v-for時(shí)為什么不能用index作為key,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04基于Vue2-Calendar改進(jìn)的日歷組件(含中文使用說(shuō)明)
這篇文章主要介紹了基于Vue2-Calendar改進(jìn)的日歷組件(含中文使用說(shuō)明)的相關(guān)知識(shí),非常不錯(cuò),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-04-04詳解input組合事件如何監(jiān)聽(tīng)輸入中文
這篇文章主要為大家介紹了input組合事件如何監(jiān)聽(tīng)輸入中文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06vite中的glob-import批量導(dǎo)入的實(shí)現(xiàn)
本文主要介紹了vite中的glob-import批量導(dǎo)入的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07