webpack4 + antd3 + react 样式引入错误

ERROR in ./node_modules/ant-design-pro/lib/Exception/index.less 1:0
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> @import '~antd/lib/style/themes/default.less';
| 
| .antd-pro-exception-exception {
 @ ./src/client/components/permission/Menu.tsx 18:0-49
 @ ./src/client/router.tsx
 @ ./src/client/index.tsx
 @ multi ./src/client/index webpack-dev-server/client?http://0.0.0.0:10482/ webpack/hot/dev-server

webpack配置:

{
                test: /\.(le|c)ss$/,
                use: ['style-loader', MiniCssExtractPlugin.loader,'css-loader',  {
                    loader: "less-loader",
                    options: {
                        javascriptEnabled: true
                    }
                }, 'postcss-loader' ],
                exclude: /node_modules/
            },
            {
                test: /\.(css)$/,
                use: [
                    'style-loader?modules&localIdentName=[name]__[local]-[hash:base64:5]',
                    {
                        loader: 'css-loader'
                    }
                ]
            },

版本: ant-design-pro": "^1.1.0", "antd": "^3.20.0", "less": "^2.7.3", "react": "^16.2.0", "react-custom-scrollbars": "^4.2.1", "react-dom": "^16.2.0", "less-loader": "^5.0.0", "webpack": "^4.44.2", "webpack-cli": "^4.7.2", "webpack-dev-server": "^3.11.0"

请问这个问题如何解决

是否安装了less-loader、less和sass-loader、node-sass可能没安装也可能配置错了 参考这个 https://blog.csdn.net/DiegoBrother/article/details/91620098