ERR when vant4+vue3 theme is modified

ERR1:Syntax Error: ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.

 Solution: Put styles/cover.less under assets and change it to assets/styles/cover.less

module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0,请移除 lessOptions 这一级,直接配置选项。
        modifyVars: {
          // 直接覆盖变量
          //   'nav-bar-background-color': '#007bff',
          //   'nav-bar-title-text-color': '#fff'
          //   或者可以通过 less 文件覆盖(文件路径为绝对路径)
          // path.resolve() 会拼接后面的路径返回一个绝对路径(可以不写前面__dirname)
          // path.resolve() 拼接的时候, 后面的不用写/
          // path.join() 会拼接后面的路径(需要你自己写前缀的绝对地址)
          // path.join() 拼接的时候, 可加可不加/
          'hack': `true; @import "${path.join(__dirname, '/src/assets/styles/cover.less')}";` 
        }
      }
    }
  },
})

Guess you like

Origin blog.csdn.net/melissaomy/article/details/128773153