在安裝配置webpack的時候,我遇到的問題如下:
已經全局、局部安裝了webpack,在命令行中輸入webpack -v也會顯示版本號,并且也按照網上的一些教程配置了環境變量,但是在打包文件的時候還是會報Cannot find module 'webpack'這個錯誤,下面是我解決這個問題的做法
一、前提條件
1、確保自己安裝的是Node.js版本,如果已經安裝過的話可以打開nodejs的官網,看這個位置
嵌入式培訓
然后點擊,重新下載
2、win+R,搜索cmd,打開之后輸入:node -v,查看當前自己電腦上的版本,如果不是版,再輸入where node,找到自己當初安裝nodejs時的路徑,記住這個路徑
3、安裝剛下載的版nodejs,路徑就填第2步查到的路徑,進行覆蓋安裝
4、安裝完成之后輸入node -v查看版本,如果顯示是版本,則覆蓋成功
二、本地安裝webpack(不建議全局安裝)
1、在D盤直接建立一個空文件夾用來放測試項目(建在其它盤也可以,但是不建議在C盤)
如:
嵌入式培訓
然后再在這個文件夾里面建一個
2、打開cmd,進入路徑D:webpackwebpack-demo,然后輸入:
npm init -y
npm install webpack webpack-cli --save-dev
3、在webpack-demo里創建以下內容:
嵌入式培訓
嵌入式培訓
4、修改package.json文件
嵌入式培訓
5、在本地(webpack-demo文件夾內)安裝library
npm install --save lodash
6、在腳本中import lodash
嵌入式培訓
7、修改index.html文件
嵌入式培訓
8、在webpack-demo文件路徑執行:
npx webpack
嵌入式培訓
將會出現一大堆東西:
嵌入式培訓
9、在瀏覽器中打開index.html,如果安裝配置成功訪問正常,就能看到文本:Hello webpack
還有一種原因就是之前安裝的webpack版本過高,在這里建議安裝3.0.0版本的,如果之前有在項目文件內或全局安裝過 webpack 的要先 uninstall 卸載,再打開新的cmd,重新打包
粵嵌科技13年專注IT人才培訓學習的專業機構,主要培訓課程為,嵌入式培訓、Java培訓、Unity游戲開發、Python人工智能、HTML5前端開發、全棧UI設計、網絡營銷、CCIE網絡等專業課程