當(dāng)啟動vue項目安裝依賴時報錯的解決方案
更新時間：2022年04月02日 09:02:50 作者：池中飛雪
這篇文章主要介紹了當(dāng)啟動vue項目安裝依賴時報錯的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
啟動vue項目安裝依賴報錯
當(dāng)啟動vue項目安裝依賴時報錯
暫時想到四個原因
1.node版本低，升級到新版本
2.執(zhí)行npm cache clean，再重新npm install
3.如果是下載依賴包失敗的話，可以使用cnpm淘寶鏡像下載，或者yarn下載安裝
4.報錯一般都會有錯誤提示，根據(jù)錯誤提示進行操作
vue必備安裝依賴
1.elementUI
npm i element-ui -S
main.js中引用
/*引入下面三行*/ import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
2.安裝sass
npm install sass-loader node-sass --save-dev
在build文件夾下的webpack.base.conf.js的rules里面添加配置
{
?? ?test: /.sass$/,
?? ?loaders: ['style', 'css', 'sass']
}如果報錯：node-sass 6.0.0版本與^4.0.0不兼容（Node Sass version 6.0.0 is incompatible with^4.0.0）
先卸載之前版本的node-sass
npm uninstall node-sass npm install -g cnpm --registry=https://registry.npm.taobao.org npm install node-sass@4.14.1
3.安裝axios
npm install axios -S
4.安裝vuex
npm install vuex --save ? 或者 ?cnpm install vuex --save
5.安裝js-cookie
npm install js-cookie --save
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了Vue3編程流暢技巧使用setup語法糖拒絕寫return的方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
vue3+element Plus實現(xiàn)在table中增加一條表單數(shù)據(jù)的示例代碼
這篇文章主要介紹了vue3+element Plus實現(xiàn)在table中增加一條表單數(shù)據(jù)的操作,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了Vue axios 跨域請求無法帶上cookie的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要介紹了Vue CLI 3搭建vue+vuex最全分析(推薦)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
swiper是我之前做前端頁面會用到的一個插件,我自己認(rèn)為是非常好用的。這篇文章給大家介紹vue-swiper的使用教程，感興趣的朋友一起看看吧2018-08-08
在Vue前端項目中,可以通過修改配置文件來指定啟動的端口號,本文就來介紹 一下vue項目啟動端口更改的實現(xiàn),感興趣的可以了解一下2023-10-10
這篇文章主要介紹了Vue中封裝eCharts組件及優(yōu)化方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
目前Vue3.0是會兼容大部分2.x的語法,下面這篇文章主要給大家介紹了關(guān)于Vue3.x項目開發(fā)的一些常用知識點,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
Vue?element-ui表格內(nèi)嵌進度條功能實現(xiàn)方法
Element-Ul是餓了么前端團隊推出的一款基于Vue.js 2.0 的桌面端UI框架,下面這篇文章主要給大家介紹了關(guān)于Vue?element-ui表格內(nèi)嵌進度條功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
vue如何使用router.meta.keepAlive對頁面進行緩存
這篇文章主要介紹了vue如何使用router.meta.keepAlive對頁面進行緩存問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05