Vue-Electron less 文件调用 报错 这个怎么解决

Question

ERROR in ./src/renderer/assets/less/common.less (./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-7[0].rules[0].use[3]!./node_modules/vue
-style-loader/index.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!./node_modules/esbuild-loader/dist/index.js??clonedRuleSet
-10[0].rules[0].use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[4]!./src/renderer/assets/less/common.less)
Module build failed (from ./node_modules/less-loader/dist/cjs.js):

// load the styles
var content = require("!!../../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[2]!../../../../node_modules/esbuild

-loader/dist/index.js??clonedRuleSet-10[0].rules[0].use[3]!../../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-10[0].rules[0].use[4]!./common.less");
^
Unrecognised input
in D:\WorkSpace\shuimeiquanjia-electron\src\renderer\assets\less\common.less (line 267, column 12)
@ ./src/renderer/assets/less/common.less 4:14-636
@ ./src/renderer/main.js 11:0-35

webpack 5.65.0 compiled with 1 error in 14930 ms

Answer 1

这种写法不太好，改成import方式，编译使用less-loader来处理less文件。