纱线安装失败，模块解析失败：意外字符“@”1:0

问题描述

我的 webpack.config.dev.js 文件中有以下配置

const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const path = require('path');
const webpackMerge = require('webpack-merge');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const baseConfig = require('./webpack.config.js');

module.exports = webpackMerge(baseConfig,{

  mode: 'development',devtool: 'inline-source-map',module: {
    rules: [{
      // SVG Less style loader
      test: /svg\.less$/,use: [
        'to-string-loader',{
          loader: 'css-loader',options: {
            sourceMap: true
          }
        },'postcss-loader',{
          loader: 'less-loader',options: {
            sourceMap: true
          }
        }
      ]
    },{
      // Less style loader
      test: /.*(?<!svg)\.less$/,use: [MiniCssExtractPlugin.loader,{
        loader: 'css-loader',options: {
          sourceMap: true
        }
      },{
        loader: 'less-loader',options: {
          sourceMap: true
        }
      }]
    }]
  },devServer: {
    compress: true,host: '127.0.0.1',port: 8080,watchOptions: {
      aggregateTimeout: 300,poll: 1000
    },stats: {
      color: true
    }
  },plugins: [
    new MiniCssExtractPlugin({
      filename: '[name].css',chunkFilename: '[id].css'
    }),new ForkTsCheckerWebpackPlugin({
      tsconfig: path.join(__dirname,'./tsconfig.json')
    })
  ]

});

下面还给出了 webpack 版本

"webpack": "4.6.0","webpack-bundle-analyzer": "^2.13.1","webpack-cli": "^3.1.2","webpack-dev-server": "^3.1.7","webpack-merge": "^4.1.4"

当我执行 yarn install 时出现错误。但是模块正在安装，yarn serve 运行没有任何问题

 ERROR in ./styles/main.less
    Module parse failed: Unexpected character '@' (1:0)
    You may need an appropriate loader to handle this file type.

如果有人能对此提供帮助，我们将不胜感激。提前致谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）