错误：编译规则集失败：“loader”上的查询参数已被删除，以支持“options”属性

Question

PS C:\Projects\webpack_react_starter> npm run start

webpack_react_starter@1.0.0启动webpack服务--模式开发--env开发--hot--端口3000

C:\Projects\webpack_react_starter\node_modules\webpack\lib\rules\UseEffectRulePlugin.js:160 抛出ruleSetCompiler.error( ^

错误：编译规则集失败：“loader”上的查询参数已被删除，以支持“options”属性（位于ruleSet[1].rules[2].loader：url-loader?limit=10000&name=img/[name] .[ext]) 在 RuleSetCompiler.error (C:\Projects\webpack_react_starter\node_modules\webpack\lib\rules\RuleSetCompiler.js:373:10) 在 C:\Projects\webpack_react_starter\node_modules\webpack\lib\rules\UseEffectRulePlugin .js:160:29 在 Hook.eval [作为调用] (eval at create (C:\Projects\webpack_react_starter\node_modules\tapable\lib\HookCodeFactory.js:19:10), :47:1) 在 RuleSetCompiler.compileRule (C:\Projects\webpack_react_starter\node_modules\webpack\lib\rules\RuleSetCompiler.js:177:19) 在 C:\Projects\webpack_react_starter\node_modules\webpack\lib\rules\RuleSetCompiler.js:154:9 在数组。地图 () 在 RuleSetCompiler.compileRules (C:\Projects\webpack_react_starter\node_modules\webpack\lib\rules\RuleSetCompiler.js:153:16) 在 RuleSetCompiler.compileRule (C:\Projects\webpack_react_starter\node_modules\webpack\lib\rules \RuleSetCompiler.js:184:30) 在 C:\Projects\webpack_react_starter\node_modules\webpack\lib\rules\RuleSetCompiler.js:154:9 在 Array.map ()

Answer 1

当我升级到较新的 webpack 时，同样的情况也发生在我身上，错误指示将配置结构从查询参数更改为选项对象。就我而言，我必须改变：

        {
            test: /\.(jpe?g|png|gif|woff|woff2|otf|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
            loader: 'url-loader?limit=1000&name=assets/img/[name].[ext]',
        }

到：

        {
            test: /\.(jpe?g|png|gif|woff|woff2|otf|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
            use: [
                {
                    loader: 'url-loader',
                    options: {
                        limit: 1000,
                        name : 'assets/img/[name].[ext]'
                    }
                }
            ]
        }

可以在这里找到相同的答案：https ://stackoverflow.com/a/67129623/717096