《前端》初次使用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  webpack@3.5.5   -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再装一次。