webpack構建工具常見問題有哪些

這篇文章給大家分享的是有關webpack構建工具常見問題有哪些的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創新互聯提供網站制作、成都網站設計、網頁設計，品牌網站制作，廣告投放等致力于企業網站建設與公司網站制作，十載的網站開發和建站經驗,助力企業信息化建設，成功案例突破成百上千,是您實現網站建設的好選擇.

webpack構建工具常見問題及解決方法

  在運用webpack開發項目的時候經常會遇到各種各樣的問題，我對實際開發項目中實際遇到的一些問題
  進行總結，希望能幫助到大家。

1. 構建需要的包未添加依賴報錯

Module not found:"xxx(例：react)" in "項目文件"

  
這種情況是由于"xxx(例：react)"未添加依賴，解決辦法如下：
  

npm install xxx(react) --save 或  yarn add xxx(react)

2. 構建過程中依賴包版本不兼容報錯

  
Failed to minify the bundle . Error : xxx from UglifyJs
  
這種情況一般出現在項目build過程中，解決辦法如下：
  

• 刪除項目中的node_modules文件夾，用npm或yarn重裝后，重新build：
    

  npm install 或 yarn install

• 依賴包之間版本不兼容，這需要回憶一下最近新添加的依賴包，對相對應的包進行升降版本(以yarn為例)：
    

  yarn add xxx@[]

  然后進行版本切換（以query-string為例）：
    

  
    

最后重新build項目。
  

3. 錯寫，漏寫或書寫不規范導致的錯誤

    SynatxError:Unexpected identifier

??出現這種錯誤，一般是因為js代碼中書寫不規范造成錯誤（例：符號缺失、格式不正確或手抖刪除了些代碼都是有可能的），仔細檢查下代碼是可以避免的。

感謝各位的閱讀！關于“webpack構建工具常見問題有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網頁題目：webpack構建工具常見問題有哪些
瀏覽路徑：http://m.kartarina.com/article30/pihpso.html

成都網站建設公司_創新互聯，為您提供品牌網站制作、企業建站、App設計、企業網站制作、做網站、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯