Как избавиться от предупреждений webpack перекрывающих веб-страницу

При запуске сервера на вебпак на странице показываются ошибки, которые перекрывают всю страницу. Примерный текст ошибок:

Compiled with problems: WARNING in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/styles.scss) Module Warning (from ./node_modules/sass-loader/dist/cjs.js): Deprecation Warning on line 0, column 8 of file:///node_modules/bootstrap/scss/bootstrap.scss:0:8: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.............
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
5 дней назад

Эти предупреждения показывает вебпак, так как бустрап использует устаревший способ импортов. Эти предупреждения можно игнорировать, а сам оверлей вебпака убрать отключив его. Добавьте опцию в конфиг вебпака, указав false:

module.exports = {
  //...
  devServer: {
    client: {
      overlay: false,
    },
  },
};

Тут можно посмотреть про эту опцию https://webpack.js.org/configuration/dev-server/#overlay

0 0
Познакомьтесь с основами JavaScript бесплатно