如何解决“问候，时间旅行家。我们正处在无前缀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

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

"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 3

这是一个问题，因为browserslist与postcss-preset-env与v9.4.4的捆绑版本之间不兼容。

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

Answer 4

更新所有已安装的软件包解决了问题。