Как решить Привет, путешественник во времени. Мы живем в золотой век CSS без префиксов, когда Autoprefixer больше не нужен для вашей таблицы стилей.

В моем приложении 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- загрузчик ?? __ nextjs_postcss! ./ src / public / css / Index.css) Предупреждение

Привет, путешественник во времени. Мы живем в золотой век CSS без префиксов, когда Autoprefixer больше не нужен для вашей таблицы стилей.


javascript next.js css autoprefixer
person strangeQuirks    schedule 13.07.2020    source источник

Ответы (4)


arrow_upward
10
arrow_downward

Вашу проблему можно решить package.json, применив приведенный ниже код:

"browserslist": [">0.3%", "not ie 11", "not dead", "not op_mini all"]
person Ian90    schedule 30.07.2020

arrow_upward
4
arrow_downward

Мне пришлось изменить элементы производства и разработки следующим образом, и это сработало.

"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"
  ]
},
person jbailey    schedule 15.06.2021

arrow_upward
2
arrow_downward

Это было проблемой из-за некоторой несовместимости между browserslist и связанной версией postcss-preset-env с v9.4.4.

Обновление до v9.5.0 должно решить эту проблему.

person Abdelrahman Rifai    schedule 25.07.2020

arrow_upward
0
arrow_downward

Обновление всех установленных пакетов решило проблему.

person Al Mahdi    schedule 05.07.2021