webpack报错Error: options/query provided without loader (use loader + options)

最新推荐文章于 2022-11-29 19:49:47 发布
最新推荐文章于 2022-11-29 19:49:47 发布
阅读量1.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/A31208/article/details/104607070
本文详细介绍了在配置url-loader过程中遇到的错误，并提供了解决方案。通过调整配置写法，成功解决了因版本不兼容导致的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我在配置url-loader的时候，出现这个错误，
下面是我报错时的配置：
在这里插入图片描述
这里我百度了一下，好像是因为版本问题吧，改成如下写法就可以了：
在这里插入图片描述
这里的options替换成query也是可以打包的。

报错Error: options/query provided without loader (use loader + options) in {
spicyboiledfish的博客
08-13 2236
首先贴报错： webpack配置如下： module.exports = { entry: { app: './src/index.js', search: './src/search.js' }, output: { path: path.resolve(__dirname, 'dist'), fi...
Error: options/query provided without loader (use loader + options) in
水机.Threeki
05-06 2775
webpack版本： webpack4 报错信息 Error: options/query provided without loader (use loader + options) in { "test": {}, "exclude": {}, "use": [ { "loader": "babel-loader" }, { "loa...
Error: options/query provided without loader (use loader + options)
qq_45903688的博客
09-02 255
Error: options/query provided without loader (use loader + options)报错
配置url-loader时报错options/query provided without loader (use loader + options)
coucouxie的博客
09-09 449
配置url-loader时报错options/query provided without loader (use loader + options) 代码如下 问题原因：好像是webpack版本的问题 解决方案：如下图
使用webpack打包React时出错Error: options/query provided without loader
qq_36219944的博客
08-31 3244
#出现的问题截图 代码：   module: { rules: [ { test: /(\.jsx|\.js)$/, use: { loader: "babel-loader", options: { presets: [ "env", "re...
webpack源码解析四
vv_bug
07-12 1706
前言 我们接着前面的文章webpack源码解析二继续往下探索webpack的配置，demo的github地址：https://github.com/913453448/webpack-demo.git。 DevServer webpack的devServer配置主要是针对webpack/**webpack-dev-server跟webpack/webpack-dev-middleware**的配置，因为webpack-dev-server依赖webpack-dev-middleware。 我们首先在我们的因
Error:options.query cannot be used with loaders
lwf的博客
05-21 1753
原代码： test: /(\.jsx|\.js)$/, loaders:["babel-loader","eslint-loader"] , options:{ cacheDirectory:true }, exclude: /node_modules/, 报错：error：options.query cannot be used with loaders 如下：...
[webpack-cli] Error Unknown option ‘-p‘
shuux666的博客
03-09 1595
请参考最新官方文档； 解决方案配置文件修改一下； "scripts": { "test": "echo "Error: no test specified" && exit 1", "dev": " webpack serve --open", "build": "webpack" }, 欢迎交流添加~
webpack中的常见loader用法及配置
m0_74086230的博客
11-29 3250
webpack中的常见loader
webpack 常用配置
杏子
05-06 1万+
一、前言 webpack是目前前端开发中最流行的打包工具，不仅能实现 JS 打包，还能将 CSS 文件，图片文件，甚至是 LESS 文件打包，每一个文件都是一个独立的模块，并且实现按需加载。使用时需要安装 webpack 、webpack-cli 、webpack-dev-server三个基础模块。 二、常用 webpack 配置如下 module.exports = { ...
webpack loader配置全流程详解
十年代码写十年
09-25 1659
前言 1.主要目的为稍微梳理从配置到装载的流程。另外详解当然要加点源码提升格调（本人菜鸟，有错还请友善指正） 2.被的WebPack打包的文件，都被转化为一个模块，比如import ‘./xxx/x.jpg’或require(’./xxx/x.js’)。至于具体实际怎么转化，交由装载机处理 3.下文会使用打字稿（劝退警告？）以方便说明有哪些选项和各个选项的值类型 配置语法解析 模块属性 modul...
webpack介绍、配置、使用
筱竹的博客
12-06 6453
webpack使用
CSS Loader has been initialised using an options object that does not match the API schema.
热门推荐
嗝~
08-09 1万+
最近在使用mpvue 的时候，运行服务一直报错，按照官方的路子试了几次都是一直错。 提示如下： 看到错误提示还以为是css loader 的问题，又是卸载又是更新的还是没用。 研究发现，重点在下面的minimize 上，原来是webpack 版本的问题，我的webpack 版本是 4.29.6，css-loader 已经没有了这个选项了。 所以解决的办法就有了： 找到 build/utils.j...
使用webpack 构建项目
_心动的博客
12-23 462
webpack-server Module Hot Reloading 保持应用的数据状态 节省调试时间（不需要重新刷新浏览器） 样式调试更快 devServer.hot = tue webpack.HotModuleReplacementPlugin webpack.NamedModulesPlugin 路径 module.hot module.hot.accept module.hot.dec...
webpack学习之webpack关联babel
qq_32021429的博客
11-17 234
webpack学习之webpack关联babel babel 是为了把高级JS语法转为低版本语法，它跟 webpack 是两个互不相关的工具，要想将它们关联起来，需要借助到： 1、 @babel/core：babel的核心模块 2、 babel-loader ：把 babel 和 webpack 进行关联的桥梁 3、@babel/preset-env：预设 // 安装完之后去 rules 中进行配置 { test: /\.js$/, // babel是处理js的 use: { load
Webpack安装配置及打包详细过程
我是泛滥
08-06 525
Webpack简单介绍 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 其中包含四个核心概念: 入口(entry)：指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间
webpack 3新学习
大灰狼的小绵羊哥哥的博客
10-29 6984
webpack 是前端开发者一个跨不过去的编译工具。不过由于他的快速迭代，让很多同学在学一个版本的时候，下一个新版本就发布了，让人感觉非常蛋疼和无奈： “我是谁，我在干嘛，我要做什么？” 不过，如果你已经掌握 webpack 比较老的版本，对于新版本的学习而言，应该只需要 0.5 天的工作量就可以完成。因为，其基本理念都是以 JS 为中心，增加的只是其辅助特性。 webpack
在vue2项目中使用"ezuikit-js": "^8.1.7",报错require is not defined ReferenceError: require is not defined at eval (webpack-internal:///./node_modules/formdata-polyfill/formdata.min.js:2:1) at ./node_modules/formdata-polyfill/formdata.min.js (http://localhost:8081/js/chunk-vendors.js:9592:1) at __webpack_require__ (http://localhost:8081/js/app.js:288:32) at fn (http://localhost:8081/js/app.js:534:21) at eval (webpack-internal:///./node_modules/ezuikit-js/index.esm.js:52:76) at ./node_modules/ezuikit-js/index.esm.js (http://localhost:8081/js/chunk-vendors.js:9581:1) at __webpack_require__ (http://localhost:8081/js/app.js:288:32) at fn (http://localhost:8081/js/app.js:534:21) at eval (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js:6:68) at ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js (http://localhost:8081/js/app.js:41:1)
最新发布
03-20
loader: 'babel-loader', options: { plugins: ['@babel/plugin-transform-modules-commonjs'] } } } ] } } }; ``` ###### 4. **检查ezuikit-js的兼容性** - 若库本身仅支持CommonJS，建议联系维护者提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值