webpack.config.js配置文件报错:The ‘mode‘ option has not been set

这篇具有很好参考价值的文章主要介绍了webpack.config.js配置文件报错:The ‘mode‘ option has not been set。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

报错

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/configuration/mode/

解决:

在package.json文件里进行修改:增加如下:

scripts": {

   "dev": "webpack-dev-server --mode development",

   "build": "webpack --mode development"文章来源地址https://www.toymoban.com/news/detail-806994.html

到了这里,关于webpack.config.js配置文件报错:The ‘mode‘ option has not been set的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【webpack学习】React项目中webpack.config.js 和 webpack.base.config.js 的区别

    在React项目中,通常使用Webpack作为打包工具。 webpack.config.js 和 webpack.base.config.js 两个文件在项目中的作用是不同的。 webpack.config.js 是Webpack的主要配置文件,它包含了项目的通用配置以及针对不同环境(如开发环境和生产环境)的特定配置。 这个文件包含了整个Webpack配置的

    2024年01月23日
    浏览(50)
  • [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d

    问题: 在 webpack.config.js 配置了devServer,通过contentBase 配置了静态资源的路径,但是报错了。报错如下: 原因及解析: 错误信息中提示contentBase 不是有效的配置项(可以看到contentBase不在罗列的有效配置项中)。因为Weback 5 将 contentBase的配置修改为 static 解决 把 contentBase 改为

    2024年03月22日
    浏览(94)
  • redis 报错 Redis protected-mode 配置文件没有真正启动

    Redis protected-mode 是3.2 之后加入的新特性,在Redis.conf的注释中,我们可以了解到,他的具体作用和启用条件 链接redis 时只能通过本地localhost (127.0.0.1)这个来链接,而不能用网络ip(192.168…)这个链接,问题然如果用网络ip 链接会报以下的错误: 是说处于保护模式,只能本地链

    2024年02月10日
    浏览(40)
  • 解读vue配置文件(vue.config.js)

    这是一个Vue.js的配置文件,用于指定项目的构建和开发服务器的行为。让我们逐步解读: resolve 函数: 用于解析路径。它被定义为简化创建目录的绝对路径的过程。 name 和 port 常量: name 设置为来自设置文件的标题。 port 设置为 8013 ,表示开发服务器的端口号。 publicPath :

    2024年01月17日
    浏览(48)
  • Vue+vite创建项目关于vite.config.js文件的配置

    Vue项目创建时,我们见过vue-cli 创建项目和webpack 创建项目等方式。 现在Vue 3版本使用npm/pnpm create vue@latest 创建项目,是搭配使用vite工具构建的。 创建完成的项目,最明显的去别就是,项目配置文件命名不同,当然,配置语法也有不同。 vue-cli 创建的项目,项目配置文件文件

    2024年02月12日
    浏览(56)
  • ERROR Invalid options in vue.config.js: “resolve“ is not allowed

    今天配置别名的时候不生效,怀疑是脚手架版本,查看脚手架版本,我现在的是vue cli 3.x. link rel=\\\"preload\\\" 是一种 resource hint,用来指定页面加载后很快会被用到的资源,所以在页面加载的过程中,我们希望在浏览器开始主体渲染之前尽早 preload。 默认情况下,一个 Vue CLI 应用会

    2024年02月09日
    浏览(53)
  • vite.config.js配置-解决跨域问题,以及@vitejs/plugin-vue等报错

    在配置的过程中踩了很多坑,还是太菜,有些东西弄不明白什么意思。 运行项目时的报错可直接到最下面看vite.config.js文件的注释 目前项目用到的模块并不多,package.json文件如下 其实主要还是这些模块的版本兼容问题 vite的版本最开始是1.0.0,后面很多地方搞不下去了才卸载

    2023年04月08日
    浏览(43)
  • ERROR: The Compose file ‘./docker-compose.yml‘ is invalid because:Unsupported config option for ser

    使用命令: docker-compose up -d 报错: 错误:撰写文件“./docker-compose.yml”无效,因为: 不支持的服务配置选项:“web5” 解决,docker-compose.yml文件缺乏版本号,导致报错,添加版本号即可解决 错误文件:  修改后: 命令能够顺利执行  

    2024年02月11日
    浏览(46)
  • 已配置vue.config.js中的proxy代理,前端本地环境仍然请求后端出现跨域报错

    已配置vue.config.js中的proxy代理,前端本地环境仍然请求后端出现跨域报错 已配置vue.config.js中的proxy代理,前端本地环境仍然请求后端出现跨域报错 控制台仍然出现cors禁止报错,接口调不通 配置proxy代理解决跨域问题的原理是: 前端工程本地环境会启动一个 express 或 koa 的

    2024年02月01日
    浏览(58)
  • vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法

    由于vue为单页面项目,通过控制组件局部渲染,main.js是整个项目唯一的入口,整个项目都在一个index.html外壳中。 若项目过大,会造成单页面负载过重;同时,多页面利于模块独立部署。 如果项目中不同的页面需要不同的main.js和App.vue这样就需要配置多个入口了。 要单独将页

    2024年01月22日
    浏览(90)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包