webpack打包The 'mode' option has not been set,错误提示
2024-03-30 13:17:49
学习到webpack打包这个工具的时候，总是报错。在这里记录一下......
我是window系统
当使用npm安装好webpack后，你去查看如果出现一下问题。
出现以上问题，我的做法是 先将webpack全局卸载，安装cnpm 然后使用cnpm安装webpack
我以为完事大吉，都解决了..........
在进行打包的时候报如下错误：
Built at: -- ::
asset
Entrypoint main = main.js
[] multi ./src/index.js ./dist/bundle.js bytes {} [built]
[] ./src/index.js bytes {} [built]
+ hidden module WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/ ERROR in multi ./src/index.js ./dist/bundle.js
Module not found: Error: Can't resolve '.\dist\bundle.js' in 'D:\自己项目\Python\code\webpack'
@ multi ./src/index.js ./dist/bundle.js main[]
结合查询的资料得出：
1：第一次执行打包需要执行一下：npm init -y
这时候项目中会出现一个package.json配置文件
在这个文件中找到“scripts”节点加入：
"dev": "webpack --mode development", // 开发环境
"build": "webpack --mode production" // 生产环境
最后在手动添加一个webpack.config.js文件（简化打包命令只需要输入webpack命令即可）
内容如下：其实就是配置了打包的源文件和需要打包到正式文件的路径
之前我路径写的有问题，没有使用path 这个问题是路径的问题，一定要注意
注意：这里一定要加上：mode: 'development' // 设置mode
如在打包的时候还报以下错误：
工程目录下直接运行如下代码 ：
cnpm install webpack --save-dev
最新文章
- ORACLE存储过程创建失败，如何查看其原因
- Android中过场动画
- 李洪强漫谈iOS开发[C语言-051]-判断整数位数
- python发邮件
- RMA Sales Order – Stuck with “Awaiting Return Disposition”
- 仿写Windows7桌面和任务栏 HTML5+CSS3+Jquery实现
- LAMP的安装
- Eclipse 引导阮卓项目 No projects are found to import解
- 跨浏览器开发：CSS
- DEDECMS 留言薄模块的使用方法
- SQL Server TVPs 批量插入数据
- InetAddress类和InetSocketAddress类
- React-native完整配置流程
- HBase相关的一些点
- 2n皇后问题【dfs】
- F5负载均衡原理
- hashlib（摘要算法的模块）--重要 （一）
- 表格 - bootStrap4常用CSS笔记
- 使用@selector模仿代理功能降低代码耦合度
- vue样式穿透