安裝Vue+webpack出現(xiàn)的問題及解決方案
更新時間：2024年06月11日 09:49:37 作者：說詤榢
這篇文章主要介紹了安裝Vue+webpack出現(xiàn)的問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
經(jīng)歷：
一開始安裝webpack 是成功的，后來，新建了一個項目開始安裝webpack一直不成功，出現(xiàn)不了webpack -v這個東西。
1. 檢查各種版本使用情況
npm -vnode -v
2. 配置鏡像
npm config set registry https://registry.npm.taobao.org
3. 檢查鏡像是否配置成功
npm config ls
4. 安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
5. 安裝Vue
npm install vue
6. 安裝Vue-cli 4
6.1 檢查自己以前是否已經(jīng)安裝過Vue，已經(jīng)安裝過了，需要卸載，現(xiàn)在版本已經(jīng)到4了
vue -V
6.2 卸載Vue-cli
npm uninstall vue-cli -g
6.3 安裝Vue-cli 4
npm install @vue/cli -g
7. 安裝 webpack
7.1 webpack 4.0 以后分成兩部分了webpack+webpack-cli
npm install webpack -g
7.2 安裝webpack-cli
npm install webpack-cli -g
7.3 檢查安裝是否成功
webpack -v
8.創(chuàng)建項目
vue create 項目名
9. 錯誤解決
找到這個地址：
C:\\Users\\Administrator\\AppData\\Roaming\\npm，然后配置環(huán)境變量 ，這樣子就可以使用webpack -v
特別說明：
一開始的時候，我發(fā)現(xiàn)這個地址下沒有webpack.cmd，說明沒有安裝成功，這個時候要打開 dos 的命令行
然后輸入npm install webpack -g ，這個時候就會出現(xiàn)webpack.cmd 了，然后配置環(huán)境的話，就可以了。
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在?Vue.js?中，$emit和$on方法是兩個常用的方法，用于實現(xiàn)組件間的通信，雖然它們的名字很相似，但它們的作用和用法有所不同，本文將介紹$emit和$on方法的區(qū)別，并通過代碼示例來說明它們的用法,感興趣的朋友可以參考下2023-07-07
Vite+Electron快速構建VUE3桌面應用的實現(xiàn)
本文主要介紹了Vite+Electron快速構建VUE3桌面應用的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
在Vue項目中，我們經(jīng)常需要引入外部的模塊或文件，這時候就會用到import和require這兩個關鍵字，本文將詳細分析它們的用法，并提供具體的代碼實例和解釋,需要的朋友可以參考下2023-06-06
本文詳細講解了vue3獲取當前路由地址的方法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-01-01
手寫實現(xiàn)vue2下拉菜單dropdown組件實例
這篇文章主要為大家介紹了手寫vue2下拉菜單dropdown組件實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動端開發(fā)需要。接下來通過本文給大家分享Mint UI 基于 Vue.js 移動端組件庫，需要的朋友參考下吧2017-11-11
這篇文章主要為大家詳細介紹了Vue.JS入門教程之事件監(jiān)聽,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
vue打包上傳服務器加載提示錯誤Loading chunk {n} failed
這篇文章主要為大家介紹了vue打包上傳服務器加載提示錯誤Loading chunk {n} failed解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
這篇文章主要介紹了Vue 的渲染器是如何對節(jié)點進行掛載和更新的,文中通過代碼示例給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-05-05
關于vue打包時的publicPath就是打包后靜態(tài)資源的路徑問題
這篇文章主要介紹了vue打包時的publicPath，就是打包后靜態(tài)資源的路徑,本文通過三種情況分析給大家詳細介紹，需要的朋友可以參考下2022-07-07