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

Question

При запуске сервера на вебпак на странице показываются ошибки, которые перекрывают всю страницу. Примерный текст ошибок:

```
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 · Answer

Эти предупреждения показывает вебпак, так как бустрап использует устаревший способ импортов. Эти предупреждения можно игнорировать, а сам оверлей вебпака убрать отключив его. Добавьте опцию в конфиг вебпака, указав false:

```
module.exports = {
  //...
  devServer: {
    client: {
      overlay: false,
    },
  },
};
```

Тут можно посмотреть про эту опцию https://webpack.js.org/configuration/dev-server/#overlay

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

Ответы

Каталог