Vue 報錯Error: No PostCSS Config found問題及解決
Vue 報錯Error: No PostCSS Config found
從git上 clone 下來的代碼:
npm install
安裝依賴以后,啟動服務(wù),出現(xiàn)Error: No PostCSS Config found報錯:
npm run dev
解決辦法
在項(xiàng)目根目錄下創(chuàng)建postcss.config.js,配置內(nèi)容如下:即可修復(fù)報錯問題。
module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }
Vue使用中報錯處理ERROR
Vue常見錯誤解析
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框架是一個聲明式的框架,所以在掛載點(diǎn)內(nèi)要使用變量時,要定義才能使用。
[Vue warn]: Unknown custom element: <mycom> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
組件的名字是否正確,或者檢查有沒有注冊
注意事項(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)簽全大寫
如果組件的名稱包含大寫字母(非首字母),在使用組件時,要把大寫字母轉(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)閷ο箢愋偷臄?shù)據(jù)影響,組件復(fù)用時,數(shù)據(jù)會相互影響,所以為了保證數(shù)據(jù)的正確性和獨(dú)立性,在組件中定義data時,要寫成一個函數(shù),并返回一個對象來定義組件的初始數(shù)據(jù)
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue+iview+less 實(shí)現(xiàn)換膚功能
這篇文章主要介紹了vue+iview+less 實(shí)現(xiàn)換膚功能,項(xiàng)目搭建用的vue—cli,css框架選擇的iview,具體操作流程大家跟隨腳本之家小編一起看看吧2018-08-08Vue組件實(shí)例間的直接訪問實(shí)現(xiàn)代碼
在組件實(shí)例中,Vue提供了相應(yīng)的屬性,包括$parent、$children、$refs和$root,這些屬性都掛載在組件的this上。本文將詳細(xì)介紹Vue組件實(shí)例間的直接訪問,需要的朋友可以參考下2017-08-08基于Vue2-Calendar改進(jìn)的日歷組件(含中文使用說明)
這篇文章主要介紹了基于Vue2-Calendar改進(jìn)的日歷組件(含中文使用說明)的相關(guān)知識,非常不錯,具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-04-04vite中的glob-import批量導(dǎo)入的實(shí)現(xiàn)
本文主要介紹了vite中的glob-import批量導(dǎo)入的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07