webpack打包报错：Invalid configuration object. Webpack has been initialized using a configuration object

已于 2022-04-25 13:09:11 修改
阅读量3.2k 收藏
点赞数
文章标签： webpack 前端 vscode
于 2022-04-25 13:07:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56384425/article/details/124402523
版权
在使用Webpack进行前端项目打包时，首次打包未指定输出路径成功，但第二次尝试指定输出位置时出现错误。错误信息涉及到`__filename`。查阅Webpack官方文档后发现，应去除`__`前缀，修改配置后问题得到解决，提示遇到类似问题时，查阅文档是有效的解决方案。
摘要由CSDN通过智能技术生成

第一次直接打包没有声名打包存放文件位置，webpack默认存放位置dist/main.js，打包没有报错

 

第二次打包指定打包文件位置，webpack打包出现报错

报错如下

 报错提示找不到__filename这个静态名称，然后去webpack文档查了这个fileneame发现是这样写的，把前面的__删除了就可以了，所以以后遇到报错要找到报错的地方，然后去官网文档查查就可以找到问题了。

_小陈同学
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack打包html失败：报错[webpack-cli] Invalid configuration object……
jhj124的博客
04-15 2257
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration has an unknown property 'pulgins'. These properties are valid: object { amd?, bail?, cache?, conte
vue启动报错解决 ERROR ValidationError: Invalid configuration object.
summer917_的博客
12-05 6635
ERROR ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-
webpack打包报错：Invalid configuration object. Webpack has been initialized using a configuration……
minmin_web的博客
01-30 7476
报错内容： 注意看报错提示中有：configuration.module.rules should be an array: 也就是rules应该是一个数组。回到代码，看rules的配置： 将rules改成数组即可，如下： 此时在运行webpack就没有报错了
webpack打包时提示Invalid configuration object错误
热门推荐
讨厌走开啦
04-26 8万+
初学者如果是通过网上教程来学习webpack，第一次用webpack打包时通常会遇到下面这样的问题： 实际上出错信息已经说明了问题原因： Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. 这一...
【[TOC]([webpack-cli] Invalid configuration object. Webpack has been initialized using a configurati】
qq_45887317的博客
04-12 5747
configuration.devtool配置应该符合 “^(inline-|hidden-|eval-)?虽然他写了这些都可以，但是我最开始写的cheap-module-eval-source-map报错，不知道为什么，但是eval-cheap-source-map是可以的，我是这样写的。原因：版本5以后devServer下面好像没有stats属性了，好像被提到了外层（只是我的猜测，我也没见过以前的版本文档）可以参考官方文档。
[webpack-cli] Invalid configuration object. Webpack has been initialized usi
m0_74090668的博客
01-10 1075
最后发现是因为我的代码都放在了名important！文件夹里，important!符号有问题，导致路径一直错误，于是就新建文件夹code，把代码移过去，再新建终端重新运行，就解决了。在终端运行npm run dev一直报错output，绝对路径is required.
webpack 打包时报错：[webpack-cli] Invalid configuration object. Webpack has been initialized using a ...
m0_67430478的博客
07-28 2229
解决报错：[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration ob ject that does not match the API schema.
解决 webpack中 Invalid configuration object. Webpack has been initialized using a configuration object
qq_43235503的博客
02-02 415
解决 webpack中 Invalid configuration object. Webpack has been initialized using a configuration object
解决 Invalid configuration object. Webpack has been initialized using a configuration object that does
不负如来不负卿
11-08 1万+
问题： 原因:webpack 版本过高，与你的写的配置项冲突 解决方法： 1.首先检你的配置项目（webpack.config.js）参数是否正确 2. 降级你的webpack版本 npm install webpack@4.44.0 欢迎关注作者，感谢支持❗☘ 个人博客 | github-雾灵 ...
Invalid configuration object. Webpack has been initialized using a configuration object that does no
Js_Zoro的博客
10-31 1万+
配置webpack打包报错： Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.- configuration.devtool should match pattern “^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$”. B
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration objec
qq_42765776的博客
10-07 1452
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration objec
webpack打包时报错：Invalid configuration object. Webpack has been initialised using a configuration object
最新发布
qq_42540922的博客
06-13 1852
webpack打包时报错：Invalid configuration object. Webpack has been initialised using a configuration object
webpack打包错误：Invalid configuration object. Webpack has been initialised using a configuration object
Blooming_x的博客
05-11 1691
webpack打包错误：Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. 使用webpack打包时遇到，记录一下。 一般出现这种问题就是变量名写错了，仔细排查。 不要抱有侥幸心理，以为不是这个错误，不然就像我一样白白浪费很多时间。 ...
gulp时webpack报错：WebpackOptionsValidationError: Invalid configuration object. Webpack has been initial
飞鸟过境的Blog
10-04 2万+
错误信息如下: E:\works\ES6>gulp [20:37:23] Failed to load external module @babel/register [20:37:23] Requiring external module babel-register [20:37:26] Using gulpfile E:\works\ES6\gulpfile.babel.js [20:...
关于Invalid configuration object. Webpack has been initialised using a ...解决办法
叙话代码
09-01 6118
解决办法： 配置文件，mode拼写错误，改成正确的即可.
invalid configuration object. Babel loader has been initialized using a
04-28
这是一个错误信息，看起来是在使用 Babel Loader 时出现了问题。Babel 是一个 JavaScript 编译工具，可以将 ES6/ES7 的代码转换成 ES5 的代码，用于在旧版浏览器中运行。而 Babel Loader 则是 Webpack 中的一个插件，用于加载和转换 JavaScript 文件。这个错误信息的具体原因需要查看代码和配置文件才能确定，可能是配置文件中有误或者环境配置不正确。建议检查代码和配置文件，确保配置正确无误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值