我如何解决“您好，时间旅行者。我们正处于无前缀 CSS 的黄金时代，您的样式表不再需要 Autoprefixer。”？

Question

在我的 Next.JS 应用程序中，我_app.js像这样导入我的样式表：

import '../public/css/Index.css';

Index.css 包含这个：

.index-container {
    margin: 20px auto 0;
}

我如何解决错误消息：

./src/public/css/Index.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-5-1!./node_modules/next/dist/compiled/postcss- loader??__nextjs_postcss!./src/public/css/Index.css) 警告

问候，时间旅行者。我们正处于无前缀 CSS 的黄金时代，您的样式表不再需要 Autoprefixer。

Answer 1

您的问题可以package.json通过应用以下代码来解决：

"browserslist": [">0.3%", "not ie 11", "not dead", "not op_mini all"]

Answer 2

npx browserslist --update-db为我工作

Answer 3

我必须按如下方式更改生产和开发项目，这奏效了。

"browserslist": {
  "production": [
    ">0.3%",
    "not ie 11",
    "not dead",
    "not op_mini all"
  ],
"development": [
    ">0.3%",
    "not ie 11",
    "not dead",
    "not op_mini all"
  ]
},

Answer 4

这是一个问题，因为withbrowserslist的捆绑版本之间存在一些不兼容性。postcss-preset-envv9.4.4

更新到v9.5.0应该可以解决。