报错Invalid options object. Style Loader has been initialised using an options object that does not .

先贴出报错:

报错Invalid options object. Style Loader has been initialised using an options object that does not ._第1张图片

 

我用的webpack版本是:v4.36.1

根据字面意思,style-loader中不存在上述的options选项。找到node_modules里面的style-loadr源码查看:

const insert = typeof options.insert === 'undefined' ? '"head"' : typeof options.insert === 'string' ? JSON.stringify(options.insert) : options.insert.toString();
`;
    }

    case 'styleTag':
    case 'singletonStyleTag':
    default:
      {
        const isSingleton = injectType === 'singletonStyleTag';
        const hmrCode = this.hot ? `

insertAt参数名应该是insert; 而singleton参数名应该是injectType,且值为'singletonStyleTag', 如下:

{
    test: /.less$/,
    use: [
       {
           loader: 'style-loader',
           options: {
               insert: 'top', // 样式插入到
               injectType: 'singletonStyleTag', // 将所有的style标签合并成一个
               }
           },
           'css-loader',
            'less-loader'
         ]
},

报错Invalid options object. Style Loader has been initialised using an options object that does not ._第2张图片

你可能感兴趣的:(Webpack)