解决vue2中使用amfe flexible进行移动端适配出现 Invalid options object 问题

最新推荐文章于 2024-07-28 20:17:15 发布

Self-Healer

最新推荐文章于 2024-07-28 20:17:15 发布

阅读量446

点赞数 10

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Anlantic/article/details/135901283

版权

文章讲述了在使用Vue2.0脚手架5.0时，配置vue.config.js中的postcss出现ValidationError错误。解决方案是将plugins部分用postcssOptions对象包裹并重启项目。参考链接提供了详细步骤。

摘要由CSDN通过智能技术生成

使用vue2,脚手架是5.0的报一下错误的解决方案。

出现问题前的vue.config.js配置如下：

const {
  defineConfig
} = require('@vue/cli-service')
const autoprefixer = require('autoprefixer')
const pxtorem = require('postcss-pxtorem')
module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      postcss: {
        plugins: [       //报错的地方
          autoprefixer(),
          pxtorem({
            rootValue: 37.5,
            propList: ["*"],
            selectorBlackList: ['van-circle__layer']
          }),
        ]
      },
    }
  },
})

解决方法：

把plugins使用postcssOptions对象包裹起来再重启即可以。如下

css: {
    loaderOptions: {
      postcss: {
        postcssOptions: {
          plugins: [
            autoprefixer(),
            pxtorem({
              rootValue: 37.5,
              propList: ["*"],
              selectorBlackList: ['van-circle__layer']
            }),
          ],
        }
      },
    }
  },

方法来源于大神，链接如下。

解决：ValidationError: Invalid options object. PostCSS Loader ......-CSDN博客