webpack遇到各種問題到解決

2021-10-12 00:01:01 字數 688 閱讀 7953

webpack的概述就不再多少了。

我直接講一下我在學習webpack過程中遇到的一些問題。

問題1:在安裝區域性的webpack的過程中一直會報錯,無法安裝成功。

一般原因是你在執行 npm init -y 的時候,預設的把 package.json 檔案中 "name"屬性命名為 「webpack」,所以會導致命名重複報錯的問題。

問題2:當你安裝好 webpack webpack-cli(我記得好像是在4.幾版本後就必須安裝webpack-cli)webpack-dev-server 後,執行

npm run dev .,報錯發現找不到 webpack目錄下的某個檔案。一般這種情況是因為版本不相容導致的。

推薦大家可以看看掘金上的乙個回答,鏈結如下

關於三個外掛程式的版本問題

一般新手遇到的問題就是這些,其實在遇到這些問題的時候,無非就是下面幾種情況:

版本不相容

沒有許可權

區域性和全域性問題

所以你先找到錯誤提示,然後大概了解它的意思。如果還不能解決,就問問搜尋引擎。慢慢縮小bug範圍,就ok了

webpack遇到的問題

問題一 js中的css檔案提取 原有使用方法 webpack版本是4,提取外掛程式是 extract text webpack plugin 效果如下圖 只修改css檔案,編譯效果如下圖 修改css所在的js 編譯效果如下圖 存在的問題 如果只更改 css檔案,那麼編譯出來的結果hash保持不變,依...

webpack遇到問題彙總

使用npm安裝webpack時,遇到如下錯誤 可以知道是網路連線有問題,解決方法如下 關閉npm的https npm config set strict ssl false清除npm的 命令如下 把倉庫設定為 npm config set registry 設定完命令列 再安裝webpack就成功了...

webpack 巧解環境配置問題

專案的開發和測試和生產環境一般都不是同乙個,有時候就會產生需要前端專案需要根據不同的環境進行不同的配置的情況。比較經典的情況就是後端的介面 hostname 的問題。在開發環境的時候可能使用的是dev.api.xx.com,測試環境需要使用test.api.xx.com,而線上環境需要使用api.x...