在不使用 Postcss 的情况下收到警告

Question

我收到这个 Postcss 警告：

You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/ and use them in postcss.config.js. (repeated 19 times)

但我没有使用它。这非常烦人，因为正如您所看到的，该消息重复了好几次。

我知道为什么会收到错误（我没有 Postcss 配置文件或任何插件、字符串生成器等设置），但我不知道为什么首先安装 Postcss。

这是我的 package.json

{
  "name": "vip-english-website",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start"
  },
  "engines": {
    "node": "16.x"
  },
  "dependencies": {
    "@dzangolab/vue-accordion": "^1.2.0",
    "@nuxtjs/axios": "^5.13.6",
    "express": "^4.17.1",
    "googleapis": "^91.0.0",
    "vue-carousel": "^0.18.0",
    "vue-check-view": "^0.3.0",
    "vue-gapi": "^2.0.0",
    "vue-js-modal": "^2.0.1",
    "vuelidate": "^0.7.6"
  },
  "devDependencies": {
    "@nuxtjs/google-fonts": "^1.3.0",
    "core-js": "^3.19.1",
    "nuxt": "^2.15.8",
    "nuxt-windicss": "^2.0.12"
  }
}

有人知道吗？

Answer 1

这个错误已经排查了 3 天，终于 github 讨论中的解决方案对我有用了。

我正在使用以下依赖项

"vue": "^2.6.14",
"vue-server-renderer": "^2.6.14",
"vue-template-compiler": "^2.6.14",
"vuelidate": "^0.7.7",
"vuetify": "^2.6.1",
"webpack": "^4.46.0"
"axios": "^0.27.2",
"core-js": "^3.19.3",
"nuxt": "^2.15.8",

Github 问题 - 允许禁用“您没有设置任何插件、解析器或字符串生成器。现在，PostCSS 不执行任何操作。在 https://www.postcss.parts/ 上为您的案例选择插件，然后在 postcss.config 中使用它们。 js

在 nuxt.config.js 的构建选项下，添加以下内容，如下所示。这对我有用。

build: {
postcss: null,
}

希望能帮助到你

Answer 2

只需添加到 nuxt.config.js

build: {
 postcss: null,
 loaders: {
   vue: {
     prettify: false
   }
  }
}

Answer 3

PostCSS 是 Nuxt 的依赖项。您可以npm ls {package_name}在项目目录中使用命令来查看包依赖关系树。
问题已在最近的 PostCSS 版本中修复： https: //github.com/postcss/postcss/issues/1375，但 Nuxt 可能只会在下一个大版本（v3）上更新它。