今天使用webpack遇到幾個報錯,現整理記錄如下
問題一:
問題原因定位:webpack的版本和webpack-dev-server的版本不相容
問題解決方案:先解除安裝這兩個外掛程式,再安裝指定的版本
**:問題二:
問題原因定位:各外掛程式之間版本不相容
問題解決方案:經過解除安裝html-webpack-plugin,然後重新安裝制定版本解決
**:問題三:
問題解決方案:該外掛程式已經更新,使用方法也已經改變(匯入外掛程式與初始化外掛程式例項的方法變了)
**:問題四:
問題原因定位:optimize-css-assets-webpack-plugin版本過高
**:將npmrc檔案內容修改為如下內容:
prefix=d:\program files\nodejs\node_global (配置使用-g進行全域性安裝的檔案的安裝路徑,如npm i npm -g)
cache=d:\program files\nodejs\node_cache
registry=
***eperm:沒有相應許可權*****
webpack基本介紹及使用
webpack是乙個前端資源載入 打包工具。它根據模組的依賴關係進行靜態分析,然後將這些模組按照指定的規則生成對應的靜態資源。從上圖看出,webpack可以將多種靜態資源js,css,less轉換成乙個靜態檔案,減少頁面的請求。全域性安裝 npm install webpack g npm inst...
關於webpack中babel外掛程式的使用
webpack是不能解析es6語法的,需要用到外掛程式來轉化為es5和瀏覽器能識別的檔案 1.cnpm i babel core babel loader 7 babel plugin transform runtime d這裡我使用的cnpm指令安裝可以更快,盡量不要npm和cnpm指令混用,因為...
關於使用 CrossOrign專案報錯的問題解決
原因分析 本專案的spring jar包版本較低。當使用 crossorign時,需要匯入相應spring web的jar包,版本高於本專案已有的spring jar包,此時最好對本專案的jar包進行公升級。5.0.8.release org.springframework spring beans...