.a, #b { color: red; } .mixin-class { .a(); } .mixin-id { #b(); }//配置 { test: /less\/.+\.less$/, use: [ 'style-loader', { loader: 'css-loader', options: { modules: true, localIdentName: '[local]-[hash:base64:5]' } }, 'less-loader', 'postcss-loader' ] },//错误信息 ERROR in ./~/css-loader?{"modules":true,"localIdentName":"[local]-[hash:base64:5]"}!./~/less-loader/dist!./~/postcss-loader/lib!./public/static/less/vols.packages.less 0|luoo-m | Module build failed: Syntax Error 0|luoo-m | (102:5) Unknown word 0|luoo-m | 100 | } 0|luoo-m | 101 | .mixin-class { 0|luoo-m | > 102 | .a(); 0|luoo-m | | ^ 0|luoo-m | 103 | } 0|luoo-m | 104 | .mixin-id { 0|luoo-m | @ ./public/static/less/vols.packages.less 4:14-197 16:2-20:4 17:20-203 0|luoo-m | @ ./app/containers/vols/packages.js 0|luoo-m | @ ./app/routes/client/vols/index.js 0|luoo-m | @ ./app/routes/client.js 0|luoo-m | @ ./app/client.jsless的其他功能暫時沒什麼問題,但是用到這個混合程式碼就出錯了,求解!
你的樣式用了 4 個 loader，按照順序首先應用的是 postcss，這個錯誤是 postcss 解析不了這個語法拋出的，而不是 less。
截圖來自 https://autoprefixer.github.io/
所以將 less-loader 和 postcss-loader 交換一下位置應該就可以了。
有點不明白， .a() less裡面是這麼寫的嗎?? 應該是.a{}吧