vue中配置mint-ui報(bào)css錯(cuò)誤問(wèn)題的解決方法
在vue2.0中引入了mint-ui后總是報(bào)一個(gè)css的錯(cuò)誤
但是package.json中已經(jīng)配置了css-loader style-loader ，webpack.config中也已經(jīng)配置了css，還是報(bào)這個(gè)錯(cuò)誤，相反，如果把webpack.config中css的配置注釋掉就不會(huì)出錯(cuò)，這是為什么呢？
因?yàn)?在webpack.config中沒(méi)有設(shè)置好css引入的目錄，因?yàn)槟J(rèn)情況下我們只會(huì)引入/src/目錄下的css， 但是mint-ui是要沖node_modules目錄去引入的，所以在webpack.config中css的配置中加入一項(xiàng)
{
test: /\.css$/,
include: [
/src/,
'/node_modules/mint-ui/lib/' //增加此項(xiàng)
],
loader: "style!css"
},
當(dāng)然，. babelrc中要配置成這樣的：
{
"presets": [
"es2015","stage-0"
],
"plugins": [
["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]
]
}
要確保es6轉(zhuǎn)義成es5的插件都已經(jīng)安裝，
webpack.config中要配置完整：
如果webpack.config中沒(méi)有配置presets:[‘es2015'],的話會(huì)報(bào)一個(gè)import的錯(cuò)誤：
這個(gè)錯(cuò)誤就是因?yàn)閑s6的語(yǔ)法轉(zhuǎn)義失敗造成的
注:webpack.config的配置要根據(jù)webpack的版本，不同的版本配置方法不一樣,我這里使用的是webpack1.0的版本
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Vue監(jiān)聽(tīng)localstorage變化的方法詳解
在日常開(kāi)發(fā)中,我們經(jīng)常使用localStorage來(lái)存儲(chǔ)一些變量,這些變量會(huì)存儲(chǔ)在瀏覽中,對(duì)于localStorage來(lái)說(shuō),即使關(guān)閉瀏覽器,這些變量依然存儲(chǔ)著,方便我們開(kāi)發(fā)的時(shí)候在別的地方使用,本文就給大家介紹Vue如何監(jiān)聽(tīng)localstorage的變化,需要的朋友可以參考下2023-10-10
解決vue-cli項(xiàng)目webpack打包后iconfont文件路徑的問(wèn)題
今天小編就為大家分享一篇解決vue-cli項(xiàng)目webpack打包后iconfont文件路徑的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vue3的setup在el-tab中動(dòng)態(tài)加載組件的方法
公司某項(xiàng)目需求在頁(yè)面顯示的組件是根據(jù)角色變化而變化的，怎么實(shí)現(xiàn)這個(gè)效果呢，下面小編給大家介紹下Vue3的setup在el-tab中動(dòng)態(tài)加載組件的方法,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了淺談VUE中演示v-for為什么要加key，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
Vue.js3.2的vnode部分優(yōu)化升級(jí)使用示例詳解
這篇文章主要為大家介紹了Vue.js3.2的vnode部分優(yōu)化升級(jí)使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
插槽slot可以說(shuō)在一個(gè)Vue項(xiàng)目里面處處都有它的身影，比如我們使用一些UI組件庫(kù)的時(shí)候，我們通?？梢允褂貌宀蹃?lái)自定義我們的內(nèi)容，這篇文章主要介紹了Vue3中slot插槽使用方式,需要的朋友可以參考下2022-09-09
解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題
今天小編就為大家分享一篇解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
解決vue watch數(shù)據(jù)的方法被調(diào)用了兩次的問(wèn)題
這篇文章主要介紹了解決vue watch數(shù)據(jù)的方法被調(diào)用了兩次的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
element編輯表單el-radio回顯之后無(wú)法選擇的問(wèn)題解決
今天主要來(lái)談一下element-ui編輯表單中的el-radio回顯之后無(wú)法選擇的問(wèn)題，主要涉及到vue的雙向綁定，以及element-ui編輯表單中的el-radio的默認(rèn)類型，感興趣的可以了解一下2021-08-08
這篇文章主要介紹了詳解Vue如何支持JSX語(yǔ)法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11