webpack入门,webpack报错

我遇到的报错问题最终通过改变webpack版本为3.0.0解决,下图第一行就是安装命令

遇到同样问题的肯定不只有我,因为看黑马教程的时候,有很多弹友心态都炸裂了

按照B站中教程https://www.bilibili.com/video/av50680998?p=87中步骤输入指定的cmd命令,会报错不断,但是教程此集中,老师却没有报错,哈哈哈,因为版本不同

webpack3和webpack4中语法上面有一些变化

比如:

webpack .\src\main.js .\dist\bundle.js

在webpack4中需要写成:

webpack .\src\main.js -o .\dist\bundle.js

在两个路径中添加"-o"

还有webpack4中使用npm 命令npm install webpack安装webpack时需要单独安装webpack-cli,命令npm install webpack-cli –g(全局)

以下是中途自己在CSDN中按照大佬们的方案不断尝试出现的新错误

解决办法:

来自https://blog.csdn.net/qq_35457469/article/details/102924524
简单粗暴 直接删文件
方法1：
需要删除npmrc文件。
强调：不是nodejs安装目录npm模块下的那个npmrc文件
而是在C:\Users{账户}\下的.npmrc文件…
注意：这个文件默认是被隐藏，一定要选择将隐藏取消掉

npm基础命令和webpack基础命令:

npm命令
更新npm到最新版本：
npm install -g npm

npm list ：查看当前目录下已安装的node包
npm help ：查看帮助命令
npm init -y 快速全部以默认的方式生成一个package.json ，-y是-yes的缩写
npm -v ：查看npm安装的版本

nrm命令
使用 npm i nrm -g 全局安装nrm包
使用 nrm ls查看当前所有可用的景象源地址以及当前所使用的镜像原地址
使用nrm use npm或者nrm use taobao切换不同的镜像源地址

webpack命令:
卸载webpack，对应命令：
npm uninstall webpack -g
npm uninstall webpack-cli -g

全局安装webpack和本地安装：
cnpm install webpack webpack-cli –g
cnpm install webpack webpack-cli --save-dev