Size: a a a

Webpack — русскоговорящее сообщество

2020 July 01

Д

Дима in Webpack — русскоговорящее сообщество
Это разные ошибки же
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Дима
Думаю как и у большинства
Неа
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
У меня прям в окне с кодом
источник

Д

Дима in Webpack — русскоговорящее сообщество
Ну тогда объясни ему
источник

Д

Дима in Webpack — русскоговорящее сообщество
Каком окне
источник

Д

Дима in Webpack — русскоговорящее сообщество
Браузера?
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
В ide окне кода
источник

SS

S S in Webpack — русскоговорящее сообщество
Это ясно,  так все работает и в терминале и без включения dev server
источник

SS

S S in Webpack — русскоговорящее сообщество
Но хотелось бы врубить dev server и ошибки увидеть прям в браузере,  в cra выходит overlay окно с ошибками
источник

Д

Дима in Webpack — русскоговорящее сообщество
🦜
В ide окне кода
Линтер прямо над строчкой ругается?
источник

Д

Дима in Webpack — русскоговорящее сообщество
S S
Но хотелось бы врубить dev server и ошибки увидеть прям в браузере,  в cra выходит overlay окно с ошибками
Это разные ошибки
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Дима
Линтер прямо над строчкой ругается?
Да
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
S S
Но хотелось бы врубить dev server и ошибки увидеть прям в браузере,  в cra выходит overlay окно с ошибками
Это специальный пакет
источник

SS

S S in Webpack — русскоговорящее сообщество
🦜
Это специальный пакет
Как называется,  не подскажешь?)
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
react-error-overlay вроде
источник

SS

S S in Webpack — русскоговорящее сообщество
🦜
react-error-overlay вроде
Cпасибо!!! Посмотрел,  то что надо
источник

u

undefined in Webpack — русскоговорящее сообщество
S S
Парни,  подскажите теперь как мне выводить ошибки eslint в браузере,  как в cra 😂
если у тебя eslint через loader в webpack работает, то есть плагин для этого https://github.com/smooth-code/error-overlay-webpack-plugin
источник

SS

S S in Webpack — русскоговорящее сообщество
undefined
если у тебя eslint через loader в webpack работает, то есть плагин для этого https://github.com/smooth-code/error-overlay-webpack-plugin
Спасибо 👍
источник

DO

D. Ouhh in Webpack — русскоговорящее сообщество
хочу стили в отдельном файле.
      {
       test: /\.s[ac]ss$/i,
       // use: ExtractTextPlugin.extract({
       //   fallback: "style-loader",
       //   use: ["css-loader", "sass-loader"],
       // }),
       use: [
         // Creates `style` nodes from JS strings
         "style-loader",
         // Translates CSS into CommonJS
         "css-loader?url=false",
         // Compiles Sass to CSS
         "sass-loader",
       ],
     },

если поменять на extract-text-webpack-plugin, будут ошибки с путями для изображений. также есть file-loader. вот пример ошибки:
 ERROR in ./src/assets/base.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/base.scss)
   Module not found: Error: Can't resolve './cropper-bg.png' in '/home/slado122/Programming/Projects/Commercial/eddapps_1/frontend/src/assets'
    @ ./src/assets/base.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/base.scss) 10:36-63

как можно исправить?
источник

T🐜

The Ant 🐜 in Webpack — русскоговорящее сообщество
Помимо этого способа еще как-то можно экспортнуть функцию в глобал?
app.js (точка входа)
источник