解决options has an unknown property ‘plugins‘. These properties are valid: object { postcssOptions?

m0_71280101

于 2022-10-20 15:44:56 发布

阅读量3.7k

点赞数 5

CC 4.0 BY-SA版权

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_71280101/article/details/127428705

本文介绍了如何在Vue项目中解决'SyntaxError: ValidationError: Invalid options object'，重点在于修复在vue.config.js中配置postcss loader时遇到的'plugins'属性问题，通过提供正确的配置示例来帮助开发者避免此类错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错报信息：

Syntax Error: ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'plugins'. These properties are valid:
object { postcssOptions?, execute?, sourceMap?, implementation? }

解决方法：

在vue.config.js中配置

css: {
    loaderOptions: {
      postcss: {
        postcssOptions: {
          plugins: [
            require('postcss-pxtorem')({ // 把px单位换算成rem单位
              rootValue: 37.5, // vant官方使用的是37.5
              selectorBlackList: ['vant', 'mu'], // 忽略转换正则匹配项
              propList: ['*']
            })
          ]
        }
      }
    }
  }