Webpack执行报错：throw new Error(“Provided options and query in use“)

最新推荐文章于 2023-10-21 09:18:37 发布
最新推荐文章于 2023-10-21 09:18:37 发布
阅读量1.2k 收藏
点赞数
分类专栏： shell npm 文章标签： webpack node.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zwf193071/article/details/117249668
版权
npm 同时被 2 个专栏收录
15 篇文章 0 订阅
订阅专栏
shell
12 篇文章 0 订阅
订阅专栏

问题

执行npm run dist时，报如下错误：
在这里插入图片描述

解决

去node_modules/webpack/lib/RuleSet.js查看源码，并打上调试log信息
在这里插入图片描述
再次执行npm run dist，命令行输出如下信息
在这里插入图片描述
通过上图可以看出，babel-loader在webpack里的配置信息重复，查看webpack配置文件
在这里插入图片描述
删除红框内容，即可成功运行

zwf193071
关注
专栏目录
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js, build: webpack --config ./build/webpack.config.js }, 配置好了之后，运行 $ npm run build 结果报错提示： 发现
Webpack-3
qq_34153210的博客
07-05 1699
一.Treeshaking 帮助我们消除引用但未被使用的模块 首先创建一个math.js文件 function square(x) { return x * x; } function cube(x) { return x * x * x; } export {square,cube}; index.js文件导入math.js中的cube方法，并且调用 import {cube} from './math.js'; console.log(cube(5)); 打包后浏
vue create报错： throw new Error( ^ Error: Vue packages version mismatch
qq_52126119的博客
06-04 2202
创建vue-cli3.0项目,vue create 项目名称,遇到如下错误： vue packages version mismatch的报错 throw new Error( ^ Error: Vue packages version mismatch: - vue@2.6.9 (/Users/jyx/node_modules/vue/dist/vue.runtime.common.js) - vue-template-compiler@2.6.10 (/Users/jyx/.nvm/ve.....
报错：Error: module property was removed from Dependency
一天一点进步
04-27 9359
场景描述： 使用vuepress开发文档的时候，在执行命令：npm run docs:dev时，报错： 解决方案： 1、将项目的node_modules删除，package-lock.json删除，执行命令：npm cache clean --force，然后重新npm install,然后再执行npm run docs:dev命令，继续同样的错误；（无效） 2、首先卸载掉本地的webpack，然后指定版本npm install webpack@4.42.0 --save-dev，再次执docs
webpack打包报错：if (!scriptUrl) throw new Error(“Automatic publicPath is not supported in this browser“)
前端小白的逆袭
11-27 646
webpack打包报错：if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser")
webpack打包报错
yuguang的博客
02-05 1697
1.报错内容 webpack E:\软件\00_学习文档笔记汇总\vue学习\vue-study-2021\vue-project-20201225\01-webpack的使用\03-webpack的loader\node_modules\async\dist\async.js:966 if (fn === null) throw new Error("Callback was already called."); ^ Err...
详解webpack的clean-webpack-plugin插件报错
01-18
const CleanWebpackPlugin = require('clean-webpack-plugin') // const { CleanWebpackPlugin } = require('clean-webpack-plugin') module.exports = { entry: './input.js', output: { path: path.resolve(__...
error-overlay-webpack-plugin：使用样式atch捕获错误
02-06
错误覆盖Webpack插件 捕捉样式错误 :collision: :sparkles: 此插件将在您的应用程序中显示错误覆盖。 它与使用的错误覆盖相同。 :package: Webpack 4支持 :pancakes: 优雅的堆栈跟踪 :memo: 单击以在编辑器中...
systemjs-webpack-interop：一个用于由systemjs使用的webpack捆绑包的npm软件包
02-12
systemjs-webpack-interop 用于捆绑包的npm软件包，用作模块。 这是什么？ systemjs-webpack-interop是一个npm软件包，可导出功能来帮助您创建Webpack捆绑包，该捆绑包可由SystemJS作为浏览器内模块使用。 具体而...
html-webpack-plugin 遇到 throw new Error('Cyclic dependency' + nodeRep)
weixin_30719711的博客
12-07 537
今天遇到了html-webpack-plugin 遇到 throw new Error('Cyclic dependency' + nodeRep)错。 刚查到一篇文章，《手摸手，带你用合理的姿势使用webpack4》 其中提到： 目前解决方案可以使用 Alpha 版本，npm i --save-dev html-webpack-plugin@next 或者加入chunk...
This dependency was not found: * module in (webpack)/lib/NormalModule.js, (webpack)/lib/node/NodeTa
ICEBOUND47的博客
04-09 4165
解决 This dependency was not found: * module in (webpack)/lib/NormalModule.js, (webpack)/lib/node/NodeTa 这个问题不是基本的项目构建问题 原因项目中引用的一下模块导致的 ，全局搜索一下删除就好 import { debug } from "webpack" ...
throw new Error('Cyclic dependency' + nodeRep)
weixin_30522095的博客
01-22 979
近日重装node_modules 依赖之后，项目启动报错 throw new Error('Cyclic dependency' + nodeRep) 查找资料后得知产生这个 bug 的原因是循环引用依赖，如果你没有这个问题可以忽略。 目前解决方案可以使用 Alpha 版本，npm i --save-dev html-webpack-plugin@next 或者加入chunks...
webpack多版本不兼容报错
bugme557的博客
11-01 2万+
这里写自定义目录标题欢迎使用Markdown编辑器 欢迎使用Markdown编辑器 根据Gitee钉钉源码 安装钉钉过程中出现多版本webpack兼容报错。 使用npm ls 时npm的树没有报错提示 随后使用npm run build打包源码出现webpack报错， 然后npm audit fix提示信息如下 su@ly050:~/Downloads/dingtalk$ npm audit fix npm ERR! code ERESOLVE npm ERR! ERESOLVE could not res
npm ERR! While resolving: ruoyi@3.8.5npm ERR! Found: webpack@5.89.0
最新发布
WK785456510的博客
10-21 1935
执行：npm install --legacy-peer-deps 后问题解决。
[nodejs]报错 throw new Error('invalid "instanceof" keyword value '
qq_30091939的博客
10-14 2158
D:\myProjectDemos\webpackDemo\node_modules\ajv-keywords\keywords\instanceof.js:52 throw new Error('invalid "instanceof" keyword value ' + c); ^ Error: invalid "instanceof" keyword value Promi...
javascript中 throw error 与 throw new Error(error)的用法及区别
热门推荐
Sol的博客
12-08 3万+
抛出错误一般都是与try catch 同时出现的 先看定义： throw new Error(error); 这个是创建错误，创造一个错误类型抛出 throw error 这个是抛出错误。 上代码：throw new Error(error) var a = 5; try{ if(a==5){ // 抛出错误 throw new Error("loopTerminates"); //Error要大写 } }catch(e){ cons
webpack学习中遇到的坑
weixin_33695450的博客
03-26 383
最近由于项目中使用了vuejs，所以顺带学习相关的知识，webpack作为目前广泛使用的一种前端编译工具，也一起进行学习。本文记录了在学习中遇到的一些问题。持续更新中…… 一、使用webpack-dev-server时无法更改端口号 问题描述：最近在学习webpack，尝试使用webpack-dev-server，想更换接口，但是更改了w...
webpack报错Error: error:0308010C:digital envelope routines::unsupported
07-27
这个错误通常表示在使用webpack时遇到了加密算法不支持的问题。可能是由于你使用的Node.js版本过低导致的。 解决这个问题的方法是升级你的Node.js版本。你可以使用nvm（Node Version Manager）工具来管理和切换Node.js版本。首先，确保你已经安装了nvm，然后执行以下步骤： 1. 使用以下命令安装最新版本的Node.js： ``` nvm install node ``` 2. 切换到最新版本的Node.js： ``` nvm use node ``` 3. 确认Node.js版本已升级： ``` node --version ``` 现在，尝试重新运行webpack，看看是否还会遇到相同的错误。如果问题仍然存在，请提供更多的错误信息和相关的配置细节，以便我能够更具体地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值