options has an unknown property ‘contentBase‘. These properties are valid: 【devServer contentBase报错】

已于 2022-02-07 13:41:50 修改
阅读量7.9k 收藏 19
点赞数 13
分类专栏： 前端工程化 文章标签： webpack
于 2021-09-25 14:11:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45487080/article/details/120471036
版权
在体验webpack5时遇到一个问题，contentBase属性在webpack-dev-server的新版本中已被移除。官方推荐使用devServer.static作为替代。例如，设置devServer.static.directory为项目源代码路径，可以确保非webpack内容从指定目录提供。
摘要由CSDN通过智能技术生成

因为最近在体验webpack5发现了个坑点，之前项目示例中的contentBase使用不了了

在这里插入图片描述
这个属性在新版的webpack-dev-server中被移除了, 取而代之的是以下这种
在这里插入图片描述

替换方案

devServer.static
在这里插入图片描述
如果不设置，非webpack的内容将从public目录提供

devServer: {
	static: { // static: ['assets']
		directory: path.join(__dirname, 'src')
	},
}
夏暖冬凉
关注
  • 13
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
webpack之options has an unknown property ‘contentBase‘. These properties are valid
zjslan_js的博客
08-07 399
webpack之options has an unknown property ‘contentBase‘. These properties are valid
snort+base.txtsnort+base.txtsnort+base.txtsnort+base.txt
最新发布
07-14
根据提供的文件信息，可以看出主题与Snort及其配置文件（snort+base.txt）有关。由于描述部分的内容重复无实质意义，我们将重点放在标题、标签以及部分内容上，从中提炼出相关知识点。 ### Snort简介 Snort是一款...
- options has an unknown property ‘contentBase‘. These properties are valid:
qq_45600228的博客
02-22 376
Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options has an unknown property 'contentBase'. These properties are valid:
webpack：options has an unknown property ‘contentBase‘. These properties are valid:
秃头小吴
12-17 1299
学习webpack之路真的报错老多，我又来了，这个错误的意思是contentBase这个属性失效了，我们得换成static devServer: { static: './public', hot: true, },
options has an unknown property ‘contentBase‘——webpack错误解决
lucky_ferry的博客
10-19 4064
最近在学webpack时踩了很多坑 webpack-dev-server 是为了方便我们开发，实时监测我们代码的改变，实时刷新页面。这样就不要一修改代码就重新运行了，大概是这个意思 配置开发服务器webpack-dev-server, 运行 npm install -Dwebpack-dev-server 在webpack.config.js中配置如下： module.exports = { devServer:{ //指定服务器目录 contentBase...
options has an unknown property ‘contentBase‘
Theman_6的博客
11-07 295
options has an unknown property ‘contentBase’ 踩坑新版webpack-dev-serve 新版的contentBase取消了替代属性是static
Vue中的this.$options.data()和this.$data用法说明
11-20
在Vue.js中，`this.$options.data()` 和 `this.$data` 都是用来处理组件数据的，但它们的使用场景和行为有所不同。这个问题涉及到Vue实例的生命周期和数据绑定的原理。 首先，`this.$options.data()` 返回的是组件...
报错“/control/tmp.mail.zhaoZhongHai.zzh:180111: No such file or directory”
01-09
运行sh_gamit时，出现“control/tmp.mail.”错误。 这个错误的出现，是因为给定的解算起止时间（顺序）错误导致。 [zhao@zhaoZhongHai yjan]$ sh_gamit -s 2020 097 ...Input options -s 2020 097 082 -expt yjan -gns
【嵌入式学习】Keil5 链接报错： No space in execution regions with .ANY selector 解决方案
01-06
之前在使用nucleo STM32F091RCT6进行项目实验时，代码编译链接无报错。最近需要将代码移植到nucleo STM32F072RBT6上，在更改Options中device芯片以及C++define后，再次编译链接，出现了几十个相同类型的错误，均为...
Freebase.js:对游离碱数据的推理和检查
07-05
Freebase 将于 2015 年 5 月关闭其 API。该库在该日期之后将无法使用。 请提前计划。 是一个男性化但复杂的人工策划数据库。 是一种直言不讳的语言 吉迪普 npm install freebase 然后： var freebase = ...
【Bug】[webpack-cli] Invalid options object. Dev Server has been initialized using an options object t
Abby_lxf的博客
11-09 1146
[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d
m0_61582755的博客
02-18 2887
Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
问题记录：vue项目升级
qq_30206955的博客
12-09 4344
升级 webpack5 新建的项目升级脚手架vue-cli到5.X版本，创建后的项就是使用的webpack5 npm install -g @vue/cli@next OR yarn global add @vue/cli@next 升级后可以通过下面的命令查看： vue -V（大写的V） 创建脚手架的时候会报错报错，内容如下: ~/.vuerc may be outdated. Please delete it and re-run vue-cli in manual mode 解决办
启动vue项目报错
m0_48775046的博客
06-08 552
ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options has an unknown property 'publicPath'. These properties are valid:
使用MOCKVUE中 VUE.CONFIG.JS报错OPTIONS HAS AN UNKNOWN PROPERTY ‘BEFORE‘. THESE PROPERTIES ARE VALID
naivebluee的博客
11-19 2208
mock.js
- options has an unknown property ‘plugins‘. These properties are valid:报错
qq_45600228的博客
02-22 449
- options has an unknown property 'plugins'. These properties are valid:
vuecli配置sass全局变量报错 options has an unknown property 'data'. These properties are valid: object
xxx
01-17 9914
报错信息： ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. options has an unknown property ‘data’. These properties ar...
vue 配置全局 scss 颜色报错 options has an unknown property 'prependData'. These properties are valid:
09-23
在Vue中配置全局SCSS颜色时，错误提示"options has an unknown property 'prependData'"是因为在较新版本的Vue中，`prependData`属性已被弃用。取而代之的是使用`additionalData`属性。下面是更新后的配置方式： 在vue.config.js文件中的`css`选项中添加以下代码： ```javascript module.exports = { css: { loaderOptions: { sass: { additionalData: `@import "@/assets/styles/variables.scss";` } } } }; ``` 上述代码会将`@/assets/styles/variables.scss`文件导入到全局SCSS中，你可以根据自己的实际需求修改路径。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值