react之运行webpack报错：configuration.module has an unknown property 'loaders'

最新推荐文章于 2022-11-25 15:22:19 发布
最新推荐文章于 2022-11-25 15:22:19 发布
阅读量530 收藏 1
点赞数 1
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40200876/article/details/97529080
版权 
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.module has an unknown property 'loaders'. These properties are valid:
   object { defaultRules?, exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, strictExportPresence?, strictThisContextOnImports?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp? }
   -> Options affecting the normal modules (`NormalModuleFactory`).

这是因为webpack在3.0以后把loaders改为rules：

更改后的webpack.config.js文件：

 

|刘钊|
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
webpack版本导致的打包错误
qq_34258593的博客
08-06 1901
$ webpack Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.module has an unknown property 'loaders'. These ...
- configuration.module has an unknown property 'loader' 问题解决
weixin_33857230的博客
07-20 2022
错误提示： Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.module has an unknown property 'loader'. The...
webpack打包报错：configuration has an unknown property ‘Plugins‘. These properties are valid：......
weixin_46146675的博客
04-08 4967
我是第一次学习webpack的小白，在弄插件的时候遇到了这个问题：configuration has an unknown property ‘Plugins，然后我是先去浏览器上搜索解决这个问题的方法，结果发现很多人出现的错误都不一样，但是他们所说的错误的地方跟我自己的错误的地方不一样，然后我就很迷茫，看来看去，最后才发现是我代码的大小写出了问题。 这是我出错的地方 很多人出错的原因： 1、是Plugins少写了后面的s 2、是webpack版本不同，webpack.con...
configuration.module has an unknown property 'loaders'. These properties arevalid: 解决办法
hph的博客
01-02 1万+
把module里的那个  loaders  改成  rules  即可
【收藏】webpack configuration.module has an unknown property ‘loaders‘. These properties arevalid: 解决办法
学亮编程手记
08-02 631
https://blog.csdn.net/qq_34200501/article/details/85617651
webpack4升级到webpack5经验总结
热门推荐
m0_37937502的博客
05-26 1万+
最近接手了公司内部webpack相关的依赖包，于是打算优化一波。考虑到webpack5已经正式发布近两年，跟webpack相关的依赖包应该适配的差不多了，于是打算先把webpack4升级到webpack5，然后基于webpack5再进行优化。 升级前用的是 "webpack": "^4.42.1" ，升级后用的是 "webpack": "^5.72.1" 。 笔者采用的升级webpack的方法是先一键升级所有的依赖包，然后一个一个地去解决运行过程中的报错。 首先，全局安装npm-check-updates：
react-redux-webpack:React Redux和Webpack入门...即将推出！
05-16
React Redux Webpack React Redux和Webpack入门...即将推出！ Redux 应用程序的整体状态存储在单个商店内的对象树中。 更改状态树的唯一方法是发出一个动作，一个描述发生了什么的对象。 要指定动作如何转换状态树...
react-webpack-test:React.js堆栈测试
04-30
ReactWebpack测试带有最少ReactJS堆栈测试的存储库reactjs 0.14 还原react-router和redux-router redux-devtools 对热重载和错误做出React转换es6组件sass scss 网页包捆绑适用于es6和es7的babel加载程序-> es5 sass...
ky-react-multiple 基于react+webpack的多页应用.zip
最新发布
02-10
ky-react-multiple 基于react+webpack的多页应用.zipky-react-multiple 基于react+webpack的多页应用.zipky-react-multiple 基于react+webpack的多页应用.zipky-react-multiple 基于react+webpack的多页应用.zipky-...
react-svg-loaders:react.js 的 svg 加载器微调组件
06-03
React SVG Loaders 是一个专为 React.js 应用程序设计的库，它提供了一系列美观的SVG加载器和微调器组件。这些组件适用于在应用程序加载数据或执行长时间操作时显示视觉反馈，提升用户体验。SVG（可缩放矢量图形）是...
react-antd-webpack:基于dva、antd 的一个react架子前端webpack
05-01
#基于 react、antd、dva 的前端架子ui 框架 Ant Design,状态管理 dva，而木有用它自带的 roadrc（感觉封装化太强不是很喜欢）npm installsrc components 公共组件 constants 常量 layouts 全局布局 models model ...
webpack打包报错：configuration has an unknown property ‘mode‘. These properties are valid:
Kerin的博客
09-17 3025
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. configuration has an unknown property ‘mode’. These properties are valid: object { amd?, bail?, cache?, context?, dependencies?, de
- configuration.module has an unknown property 'loaders'. These properties are valid:
qq_37235231的博客
03-29 1318
把module里的那个loaders改成rules
webpack打包报错： configuration has an unknown property ‘plugin‘. These properties are valid.......
qq_43592296的博客
07-07 2865
完整的报错信息： Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration has an unknown property 'plugin'. These properties are valid: object { amd?, bail?, cache?, context?,
webpack运行时报错：configuration has an unknown property ‘plugin‘. These properties are valid:
Tutuca的博客
08-13 908
https://blog.csdn.net/qq_43592296/article/details/118553015 在webpack.config.js文件配置好后，运行命令webpack，报错如下： C:\Users\zhangyue\Desktop\Study\Node\webpack\04.webpack-css3> webpack[webpack-cli] Invalid configuration object. Webpack has been initialized using a
使用webpack的plugins功能报错--configuration.module has an unknown property 'plugins'.
jiajia199470的博客
08-11 6868
configuration.module has an unknown property ‘plugins1、问题原因：是webpack版本不同，webpack.config.js配置不一样2、解决方案：webpack.config.js（主要看plugins位置）//注：“__dirname”是node.js中的一个全局变量，它指向当前执行脚本所在的目录。 var webpack = requir
configuration.output has an unknown property ‘jsonpFunction‘. These properties are valid:webpack 5)?
sunwanfulove的博客
11-25 1069
configuration.output has an unknown property 'jsonpFunction'. These properties are valid:webpack 解决
Js |webpack 使用loader时候 module里面存在loaders的版本问题！！
GC怪兽的Blog
02-08 3069
webpack.config.js module.exports = { entry: "./index.js", output: { path: __dirname, filename: "bundle.js" }, module: { loaders: [ { test: /\.css$/,...
React框架新闻网站学习过程中遇到的错误总结
nuanqianxue7096的博客
05-06 189
1.安装指定版本插件命令 npm install 插件名字@1.1.4(版本号) --save 或 yarn add 插件名字@1.1.4(版本号) --dev 2.Error:‘Link’ is not exported from 'react-route' 解决：‘react-router’4.0*之后的版本可以引用‘react-router-dom’代替‘react-router’ ...
react报错Warning: Home.state: must be set to an object or null
07-08
这个错误是由于在React组件中使用了`state`，但是`state`的初始值不是一个对象或null引起的。在React中，组件的`state`应该始终是一个对象或null。 要解决这个问题，你可以检查`Home`组件中的`state`的初始化部分，并确保它是一个对象或null。例如，你可以在`Home`组件的构造函数中初始化`state`为一个空对象： ```javascript class Home extends React.Component { constructor(props) { super(props); this.state = {}; // 初始化state为空对象 } // ... } ``` 或者，如果你不需要初始状态，你可以将其设置为null： ```javascript class Home extends React.Component { constructor(props) { super(props); this.state = null; // 初始化state为null } // ... } ``` 确保你的`state`的初始值是一个对象或null，这样就不会再出现该警告信息了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值