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

46scxncf 于 2022-11-14 发布在其他

关注(0)|答案(4)|浏览(364)

我收到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"
  }
}

有人知道吗？

npm

来源：https://stackoverflow.com/questions/70136066/getting-postcss-warning-without-using-it

4条答案

按热度按时间

ldxq2e6h1#

经过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 Issue - Allow to disable“您没有设置任何插件、解析器或字符串化器。现在，PostCSS不执行任何操作。请在www.example.com上为您的案例选择插件https://www.postcss.parts/，并在postcss.config.js中使用它们
在nuxt.config.js中，在构建选项下，添加如下所示的内容。

build: {
postcss: null,
}

希望能有所帮助

赞(0）回复(0）举报 2022-11-14

olhwl3o22#

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

赞(0）回复(0）举报 2022-11-14

kx5bkwkv3#

我用的是nuxt 2.15.8，也有同样的问题。
下面的命令& config将禁止警告。
npm i -D @nuxt/postcss8@nuxtjs/风格资源
在nuxt.config.js中，编辑/添加：

buildModules: [
  '@nuxtjs/style-resources',
  '@nuxt/postcss8',
],

build: {
  postcss: {
    plugins: {
    },
    preset: {
    }
  }
}

赞(0）回复(0）举报 2022-11-14

h43kikqp4#

在我使用Nuxt的情况下，我不仅需要将以下代码添加到Nuxt配置中以禁用警告，而且还需要使自动前缀器真正工作！（即使自动前缀器在Nuxt中是默认的，并且存在一个.browserlistrc文件）

build: {
    postcss: {
      preset: {
        autoprefixer: {
          overrideBrowserslist: ['last 3 versions', '> 1%']
        }
      }
    }
  }

在一个新的Nuxt安装后，我收到了警告，并尝试了较新的CSS规则，我注意到如果没有上面的配置，filter: grayscale(100%);将不会得到自动前缀。
编辑.browserlistrc文件没有帮助。

赞(0）回复(0）举报 2022-11-14

我来回答

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

4条答案

相关问题

热门标签

最新问答