《前端》初次使用webpack遇到的問題

1、npm : 無法將“npm”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。

在vscode裏面按Ctrl+~打開終端,輸入npm -v 或其它命令顯示無法運行,是因爲沒有使用管理員打開vscode,使用管理員打開vscode就可以了

 

2、webpack : 無法加載文件 C:\Users\AppData\Roaming\npm\webpack.ps1,因爲在此係統上禁止運行腳本

以管理員身份運行powershell

然後輸入: 接着再輸入Y按回車就可以

 

3、webpack not installed

已經安裝好webpack和webpack -cli的話,還是遇到 這種下面這種問題的話,這樣的話問題很好解決。

webpack not installed
Install webpack to start bundling:
  $ npm install --save-dev webpack
如果你對webpack的版本要求不大的話,有個方法很實用,操作也比較簡易。直接把webpack換個版本就可以解決了。
首先在命令臺先把webpack 卸載了。命令符:

npm uninstall webpack -g

然後再重新安裝webpack,這次的安裝是指定版本安裝,安裝的版本最好不要超過4.0版本的,這次我下載的版本是指定3.5.5的。命令符: 

npm  install  [email protected]   -g 

4、配置文件:

 

5、ERROR in Entry module not found: Error: Can't resolve './src' in 'C:\Users\IT\AppData\Roaming\npm\node_modules\webpack'

翻譯爲:找不到輸入模塊中的錯誤:錯誤:無法解析“ C:\ Users \ IT \ AppData \ Roaming \ npm \ node_modules \ webpack”中的“ ./src”

ERROR in Entry module not found: Error: Cant resolve ./src in XXX的一個解決方案_zinbin的博客-CSDN博客_error in entry module not found: error: cant reso  https://blog.csdn.net/zinbin/article/details/106325164

多數是路徑問題:

就是說webpack找不到src這個目錄,解決辦法就是,在項目根目錄裏新建一個src文件夾,然後把你要打包的資源文件放到這個資源文件夾下。

7、模塊解析失敗問題--意外的標記。

bundle.js:70 Uncaught Error: Module parse failed: C:\Users\IT\Desktop\vue\5\5代碼\webpackstudybella\src\main.js Unexpected token (2:14)
You may need an appropriate loader to handle this file type.

有博主分享這個,看着挺專業的。記錄下來:

(2條消息)Webpack打包圖片出現:ERROR in 路徑,Module parse failed:...錯誤解決辦法_@不喝海之言@-CSDN博客_打包error in ./images/timg.jfif 1:0  https://blog.csdn.net/s_y_w123/article/details/88384434

8、ReferenceError: _dirname is not defined

9、

報這個錯:都要把webpack再裝一次。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章