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) 请大佬指点谢谢了
1
izoabr 2021-03-20 19:21:44 +08:00
下次记得排一下版,还有记得要贴 package.json
我个人的经验来看是 less 和 less loader 的版本很重要。 ``` "less": "3.9.0", "less-loader": "5", ``` 我用的是这两个版本,允许正常。 |
2
buggg OP @izoabr 我也是这两个版本..."antd": "^4.8.5", "less": "^3.9.0", "less-loader": "^5.0.0",
|
3
izoabr 2021-03-22 10:31:15 +08:00
把 node_modules 删掉,重新 install 一次试试
|
4
buggg OP @izoabr 删了很多遍了, 我也有 cache clean, 还有就是, 我把全部文件复制到一个没有.git 仓库的文件夹中, 重新 install, 然后 start, 这时候又不报错了, 代码文件, Pakage.json 全都是一样的, 不知道哪里有问题...
|