configuration.module has an unknown property ‘plugins‘

最新推荐文章于 2024-05-26 00:05:12 发布
原创 最新推荐文章于 2024-05-26 00:05:12 发布 · 492 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

这篇博客探讨了在Vue运行时遇到的Webpack配置错误，提示'Invalid configuration object'。错误源于配置文件中'module'下的'plugins'属性位置不正确。解决方案是将'plugins'移出'module.exports.module'之外，直接放在'module.exports'内。通过这个修改，可以确保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 ‘plugins’. These properties are valid:
    object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, loaders?, noParse?, rules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }
    -> Options affecting the normal modules (NormalModuleFactory).在这里插入图片描述
    vue 运行时的报错问题解决方案：
    2.2+以上版本 plugins要写在module.exports.module外面(即module.exports里面)
    修改前：
    在这里插入图片描述
    修改后：
    在这里插入图片描述

在这里插入图片描述
详细原因

《Python基础教程》内容总览篇（持续更新中）
weixin_43178406的博客
08-26 31万+
大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为优快云博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。个人精心开设的《Python基础课程》专栏订阅量接近900，帮助不少同学解决了Bug。
npx webpack-dev-server后都报的哪些恶心错误（各类版本不符）
elephant230的博客
05-13 1833
webpack4的各项版本匹配
使用webpack的plugins功能报错--configuration.module has an unknown property 'plugins'.
jiajia199470的博客
08-11 7028
configuration.module has an unknown property ‘plugins1、问题原因：是webpack版本不同，webpack.config.js配置不一样2、解决方案：webpack.config.js（主要看plugins位置）//注：“__dirname”是node.js中的一个全局变量，它指向当前执行脚本所在的目录。 var webpack = requir
configuration has an unknown property ‘Plugins‘. These properties are valid:
m0_56001619的博客
07-11 419
将Plugins改为plugins小写。
webpack打包报错：configuration has an unknown property ‘Plugins‘. These properties are valid：......
weixin_46146675的博客
04-08 5516
我是第一次学习webpack的小白，在弄插件的时候遇到了这个问题：configuration has an unknown property ‘Plugins，然后我是先去浏览器上搜索解决这个问题的方法，结果发现很多人出现的错误都不一样，但是他们所说的错误的地方跟我自己的错误的地方不一样，然后我就很迷茫，看来看去，最后才发现是我代码的大小写出了问题。 这是我出错的地方 很多人出错的原因： 1、是Plugins少写了后面的s 2、是webpack版本不同，webpack.con...
【收藏】webpack configuration.module has an unknown property ‘loaders‘. These properties arevalid: 解决办法
学亮编程手记
08-02 812
https://blog.csdn.net/qq_34200501/article/details/85617651
配置完webpack_config 运行gulp 报 configuration.module has an unknown property 'loader'. These properties a
Skyrim_Stming的博客
08-06 3912
我在学习nodejs的时候在慕课网上发现了一个课程比较有意思，从js到ts开发数独游戏。在课程中遇到了一个比较奇怪的问题，经过查询后发现是版本和老师的不一致导致，故几经百度问问等查询，解决了。 第一个问题，遇到的是输出时名称乱码，是因为gulpfile.js中配置 gulp.task(“webpack”,()=>{ //转移js const webpack = req...
ration object that does not match the API schema. - configuration has an unknown property 'optimization'. These properties are valid: object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry, externals?, loader?, module?, name?, node?, output?, parallelism?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? } 这是什么报错 怎么结局
最新发布
06-26
### Webpack 报错 `configuration has an unknown property 'optimization'` 的原因及解决方法 在使用 Webpack 进行构建时，如果出现报错信息 `configuration has an unknown property 'optimization'`，这通常意味...
WebpackOptionsValidationError: 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?, devServer?, devtool?, entry, externals?, loader?, module?, name?, node?, output?, parallelism?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? } For typos: please correct them. For loader options: webpack 2 no longer allows custom properties in configuration. Loaders should be updated to allow passing options via loader options in module.rules. Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader: plugins: [ new webpack.LoaderOptionsPlugin({ // test: /\.xxx$/, // may apply this only for some modules options: { mode: ... } }) ] at webpack (C:\Users\xingbin\Desktop\OneAdmin\node_modules\webpack\lib\webpack.js:19:9) at C:\Users\xingbin\Desktop\OneAdmin\node_modules\autodll-webpack-plugin\lib\plugin.js:145:40 at C:\Users\xingbin\Desktop\OneAdmin\node_modules\autodll-webpack-plugin\lib\createCompileIfNeeded.js:50:7 at new Promise (<anonymous>) at C:\Users\xingbin\Desktop\OneAdmin\node_modules\autodll-webpack-plugin\lib\createCompileIfNeeded.js:49:12 { validationErrors: [ { keyword: 'additionalProperties', dataPath: '', schemaPath: '#/additionalProperties', params: [Object], message: 'should NOT have additional properties', schema: false, parentSchema: [Object], data: [Object] } ] } 什么意思
06-12
### WebpackOptionsValidationError: Invalid configuration object 'mode' 错误解决方案 此错误通常表明 Webpack 配置文件中存在无效的选项或语法问题。在 Next.js 项目中，Webpack 配置通过 `next.config.js` ...
浅谈build.gradle.kts编译脚本
跟着哆啦学Android
05-26 1407
我这里只是简单讲解了一些主要的配置代码，你在实际的项目开发中可能还需要自行研究Gradle Kotlin DSL的更多源码以满足不同的编译需要。当你迈出了将build.gradle转化为build.gradle.kts这关键的一步，你离熟练掌握Gradle构建脚本就很近了。当然你也要常常关注Gradle的最新变化，最后附上Gradle的官方文档地址，https://docs.gradle.org/current/userguide/userguide.html ，祝你好运。
react umi项目运行报错
qq_39558062的博客
07-09 3226
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration[0] has an unknown property 'experiments'. These properties are valid: object { amd?, bail?, cache?, context?, de
configuration.module has an unknown property 'loaders'. These properties arevalid: 解决办法
热门推荐
hph的博客
01-02 1万+
把module里的那个  loaders  改成  rules  即可
webpack打包报错：configuration has an unknown property ‘mode‘. These properties are valid:
Kerin的博客
09-17 3420
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 'loader' 问题解决
weixin_33857230的博客
07-20 2092
错误提示： 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入门的配置遇到的问题
limy_cxm的博客
06-05 2691
初阶段学习webpack配置output路径问题module.exports = { entry: './src/app.js', output: { path: './bin', filename: 'app.bundle.js' } }``` 出现报错：*Invalid configuration object. Webpack has
- configuration.module has an unknown property 'loaders'. These properties are valid:
qq_37235231的博客
03-29 1384
把module里的那个loaders改成rules
Elasticsearch
weixin_45105259的博客
01-04 1223
一，应用场景 海量数据搜索引擎， 地图数据，附近好友，支持结构化数据，非结构化数据 聚合分析，大数据存储 分布式，易扩展 补充：海量数据如何选型 MySql，Redis内存数据库，不支持大量数据 mongoDB适用于数据管理 Solr和Elasticsearch在搜索上才能匹敌 数据迁移的工具：管道 下载地址：http://www.elastic.show/download/Elasticsearch/ 或者直接下载对应的浏览器的插件 ...
webpack打包报错： configuration has an unknown property ‘plugin‘. These properties are valid.......
qq_43592296的博客
07-07 3052
完整的报错信息： 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?,
Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'plugins'. These properties are valid:
06-02
例如，如果你在PostCSS Loader的配置中使用了 `plugins` 选项，但是这个选项并不支持，你可以将其移除。你可以通过以下命令来安装PostCSS Loader及其默认配置： ``` npm install postcss-loader postcss --save-dev...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值