webpack contentBase 属性错误

已于 2022-05-09 15:18:42 修改
阅读量287 收藏
点赞数
文章标签： webpack vue.js
于 2022-05-09 15:12:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47902184/article/details/124666247
版权

[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.解决

在学webpack的路上踩了太多太多的坑，网上各种找也不行，最后一顿乱操作解决了这个问题，下面是我电脑出现的错误：
在这里插入图片描述
图片中的文字翻译后可以看到这个版本没有“contentBase”这个属性，还有下面介绍了有效的属性 “These properties are valid:” 看了一遍确实没有，我就把 contentBase 换成 static后成功了，如图：
在这里插入图片描述
这就样解决了，再次运行npm run dev 简单小项目就起来了：
在这里插入图片描述

майр
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack-dev-server不好使的原因
A444477的博客
12-06 675
在体验webpack5发现了个坑点，之前项目示例中webpack4的contentBase使用不了。下图属性已经被取代。 改用 static
Webpack5中devServer配置contentBase报错的问题
linanran1027的博客
10-30 381
结果报错，没有contentBase这个属性，已经被弃用了。
webpack5之配置文件错误提示options has an unknown property ‘contentBase‘——webpack
我心坚持
11-05 2992
const path = require('path'); module.exports = { mode:'development', entry: './src/index.js', output: { // 虚拟路径名字 publicPath:'dist', filename: 'bundle.js', }, devServer:{ port:8080, // contentBase:"www" // 静态文件路径 s
webpack5选项具有未知属性contentBase
u010763322的专栏
05-19 557
contentBase 换成 static devServer: { proxy: { // proxy URLs to backend development server '/api': 'http://localhost:3000' }, static: path.join(__dirname, 'public'), // boolean | string | array | object, static file location compress:
webpack中publicPath、contentBase
m0_37557930的博客
06-03 1327
在学习webpack的时候，配置文件中有一个publicPath属性，一直不是很明白它到底是怎么用，也查了很多资料，得到最多的说法是当打包的时候，webpack会在静态文件路径前面添加publicPath的值，当我们把资源放到CDN上的时候，把publicPath的值设为CDN的值就可以了。但是在使用webpack进行开发的时候，得到的结果却和该说法不是很一致，经过一段时间的摸索，好像是懂了一点点，至少在简单的配置中不会报错，在这里记一下，做一个总结. 　　我们在使用webpack进行开发的时候，通...
【Bug】[webpack-cli] Invalid options object. Dev Server has been initialized using an options object t
Abby_lxf的博客
11-09 1138
[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
sailjs-webpack-base
05-05
**Webpack 入门套件——sailjs-webpack-base** Webpack 是一个现代JavaScript应用程序的静态模块打包工具。它在开发过程中将各种资源（如JavaScript、CSS、图片等）视为“模块”，并通过配置文件进行管理和打包。这...
webpack-demo:修复错误
05-16
3. **解决Webpack错误**： 在`webpack-demo`项目中，修复错误可能涉及以下步骤： - **阅读错误信息**：错误信息通常会提供出错的文件、行号和具体原因。 - **检查配置**：确认`webpack.config.js`文件中各项配置...
02.webpack-base_webpackSetting.rar
05-11
`02.webpack-base_webpackSetting.rar` 文件包含的资源详细介绍了如何配置 Webpack 以支持 React 开发。下面将深入探讨 Webpack 配置的关键点，以及与 React 结合使用的常见实践。 ### 1. 安装必要的包 在开始配置...
webpack-base-demo.zip
06-19
其中包含了： 1 样式加载器css，sass，...3 webpack-dev-server本地开发热更新 使用： 1 下载包解压，进入目录 2 安装 npm i 或 cnpm i 3 运行 npm run dev 启动后访问https://127.0.0.4:8088/ 4 打包 npm run build
webpack配置文件
09-28
webpack详细配置信息，命令行npm i 可安装运行项目，项目完成之后直接webpack即可将项目打包
webapck练习和总结
G294992891的博客
03-05 170
第一 webpack 正确安装方式 笔记： 首先安装webpack避免全局安装，应该在当前项目安装，否则会导致版本不一样会发生不一样的错误。 npx webpack -v 查看webpack安装的版本号和webpack-cli npm info webpack 查看webpack版本号 注意：webpack4.25.1版本 配合webpack-cli3.1.2在npx webpack index.js 打包成功 webpack5.24.2版本在npx webpack index.js 不能打包成功 会出现意
[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d
weixin_52688746的博客
04-13 2650
错误信息中提示contentBase 不是有效的配置项（可以看到contentBase不在罗列的有效配置项中）。因为Weback 5 将 contentBase的配置修改为 static。在 webpack.config.js 配置了devServer，通过contentBase 配置了静态资源的路径，但是报错了。
options has an unknown property ‘contentBase‘——webpack错误解决
lucky_ferry的博客
10-19 4058
最近在学webpack时踩了很多坑 webpack-dev-server 是为了方便我们开发，实时监测我们代码的改变，实时刷新页面。这样就不要一修改代码就重新运行了，大概是这个意思 配置开发服务器webpack-dev-server, 运行 npm install -Dwebpack-dev-server 在webpack.config.js中配置如下： module.exports = { devServer:{ //指定服务器目录 contentBase...
Webpack简单学习
GAN、Transformer、Vue、Django知识学习&&分享者 ZhuBa的博客 zhuba-Ahhh.github.io
10-09 552
publicPath变成了static下的publicPath。contentBase变成了static下的directory。可以打包完成并打开在本地浏览器// 需要安装依赖 html-webpack-plugin cnpm install html-webpack-plugin --save-dev let HtmlWebpackPlugin = require("html-webpack-plugin");
webpack配置文件中publicPath和contentBase傻傻分不清
热门推荐
wang839305939的博客
01-09 2万+
搞清楚webpack配置文件中publicPath和contentBase的作用 ...
webpack中的path、publicPath、contentBase的区分
青天诀的专栏
10-23 6554
output.publicPath & devServer.publicPath output里面的publicPath表示的是打包生成的index.html文件里面引用资源的前缀； devServer里面的publicPath表示的是打包生成的静态文件所在的位置（若是devServer里面的publicPath没有设置，则会认为是output里面设置的publicPath的值）； 两...
vue里给img的src绑定数据失效
最新发布
Zwwxd666的博客
07-29 534
在v-for遍历数据时想要通过给img的src单向绑定 图片路径时出现问题。上网查说是webpack构建时识别不到，直接不单绑数据，写死试试看。直接require导入图像文件模块。
webpack.base
06-08
webpack.base 是一个配置文件，用于配置 webpack 的基础设置。它通常是一个对象，包含了 webpack 的入口文件、输出文件、模块解析规则、插件等等。在开发过程中，我们可以通过修改 webpack.base 配置文件来改变 webpack 的行为。这个配置文件通常会被其他的 webpack 配置文件所继承和扩展，例如 webpack.dev 和 webpack.prod。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值