React项目启动报错，有人遇到过吗？

Question

less样式文件中引用报错，找不到该module

下方为webpack配置信息

webpackConfig.module.rules.push({

test: /\.svg$/i,
use: [{
  loader: require.resolve('svg-sprite-loader'),
}, ],

}, {

test: /\.less$/,
use: [
  'style-loader',
  {
    loader: 'css-loader',
    options: {
      // importLoaders:1,
      localIdentName: '[name]__[local]___[hash:base64:5]'
    }
  },
  {
    loader: 'less-loader',
    options: {
      javascriptEnabled: true,
      // globalVars: {
      //   'testcolor': 'red', // ten可以是ten，也可以是@ten，效果一样，下同
      // },
      // modifyVars: {
      //   'primary-color': '#1DA57A'
      // }
    }
  },
  // 在这里引入要增加的全局less文件
  {
    loader: 'style-resources-loader',
    options: {
      patterns: path.resolve(__dirname, '/src/themes/vars.less')
    }
  }
]

});

Answer 1

    @import '~themes/vars'
    themes 会别解析成别名 alias设置了吗
    然后你没有带后缀
    resolve：{extensions：['less']}   设置了吗
    
    然后你用了style-resources-loader插件 就没有必要手动引入了吧

Answer 2

看看你自己的 less-loader的配置， 你的 @import不一定支持，看看是不需要额外的配置支持