webpack 打包 antd 样式文件报错

[buggg]

webpack loader 配置： { // antd less 转化 test: /.less$/, include: [path.join(PATHS.node, 'antd')], use: [ styleLoader, // 解释(interpret) @import 和 url() ，会 import/require() 后再解析(resolve)它们 { loader: 'css-loader' }, postcssLoader, { // less 代码转化 loader: 'less-loader', options: { modifyVars: { // 引入 antd 主题颜色覆盖文件 hack: true; @import "${path.join( PATHS.less, 'theme', 'antd-theme.less' )}"; // Override with less file }, javascriptEnabled: true } } ] } 报错信息： ERROR in ./node_modules/antd/es/alert/style/index.less (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/postcss-loader/src??ref--5-2!./node_modules/less-loader/dist/cjs.js!./node_modules/style-resources-loader/lib??ref--5-4!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--9-2!./node_modules/less-loader/dist/cjs.js??ref--9-3!./node_modules/antd/es/alert/style/index.less) Module build failed (from ./node_modules/less-loader/dist/cjs.js):

@import "../../../../../less/theme/config.less"; var api = require("!../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js"); ^ Unrecognised input in C:\workspace\dapp-front\node_modules\antd\es\alert\style\index.less (line 6, column 8) 请大佬指点谢谢了

[izoabr]

下次记得排一下版，还有记得要贴 package.json

我个人的经验来看是 less 和 less loader 的版本很重要。
```
"less": "3.9.0",
"less-loader": "5",
```
我用的是这两个版本，允许正常。

[buggg]

@izoabr 我也是这两个版本..."antd": "^4.8.5", "less": "^3.9.0", "less-loader": "^5.0.0",

[izoabr]

把 node_modules 删掉，重新 install 一次试试

[buggg]

@izoabr 删了很多遍了, 我也有 cache clean, 还有就是, 我把全部文件复制到一个没有.git 仓库的文件夹中, 重新 install, 然后 start, 这时候又不报错了, 代码文件, Pakage.json 全都是一样的, 不知道哪里有问题...

[izoabr]

options: { modifyVars: { // 引入 antd 主题颜色覆盖文件 hack: true; @import "${path.join( PATHS.less, 'theme', 'antd-theme.less' )}"; // Override with less file },
这段配置去掉，你都 import less 了，就没必要去改 vars 了。

[izoabr]

@buggg #4 那应该是 webpack eject 时机问题，确保 webpack 版本一致。

[buggg]

@izoabr yarn.lock 文件都是一样的, 版本应该也不会有错吧