1. 程式人生 > >webpack踩坑之旅

webpack踩坑之旅

image cnp conf 項目 style win src 丟失 文件

1、安裝webpack失敗問題

技術分享圖片

錯誤原因:

這主要是我以普通用戶的身份進行webpack的全局安裝,權限不夠。

【普通用戶】

說白了就是通過運行window+r+cmd進入的命令行

技術分享圖片

解決方式:

用管理員權限打開命令行

技術分享圖片

然後輸入cnpm install webpack -g即可

2、webpack運行錯誤問題

要麽是代碼出了錯誤

技術分享圖片

要麽就是文件丟失

技術分享圖片

解決方式:

代碼錯了就根據提示修改過來;

文件丟失就把node_modules刪除掉,然後重新cnpm install下載。這種情況往往發生在把一個項目復制過來,然後運行,根本原因是因為內部路徑已經改變了,然而node_modules還是原生項目的配置。

3、安裝url-roader失敗

技術分享圖片

錯誤原因:

可能是權限不夠

解決方式:

用管理員方式進入命令行,執行命令cnpm install url-loader file-loader --save-dev

技術分享圖片

4、es6轉es5出現的錯誤

技術分享圖片

錯誤原因:

babel配置錯誤

解決方式:

在webpack.config.js中把babel註釋掉,在module:{loaders:[]}進行配置

技術分享圖片

持續更新。。。。

webpack踩坑之旅