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

spicyboiledfish

于 2019-08-13 17:18:49 发布

阅读量2.2k

点赞数

分类专栏： Webpack 文章标签： webpack

本文链接：https://blog.youkuaiyun.com/SpicyBoiledFish/article/details/99451517

版权

在Webpack配置中遇到错误：Error: options/query provided without loader。问题出在使用`options`字段设置`name`时，未同时指定对应的`loader`。解决方案是确保在配置文件中为字体或图片等资源添加相应的loader，如file-loader或url-loader，并结合options一起使用。

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

首先贴报错：

webpack配置如下：

module.exports = {
    entry: {
        app: './src/index.js',
        search: './src/search.js'
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].[chunkhash:8].js'
    },
    mode:'development',
    module: {
        rules: [
            {
                test: /.(woff|woff2|eot|ttf|otf)$/,
                use: 'file-loader',
                options: {
                   name: '[name][hash:8].[ext]'
                }
                
            }
        ]
    }
}

这里面我配置了字体（或者图片）的hash配置：

options: { name: '[name][hash:8].[ext]'}

报错是说options没有提供一个loader去配置name,大致的意思。

解决方案：