Size: a a a

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

2020 October 28

FT

Fedor T in Webpack — русскоговорящее сообщество
не знаю как с этим бороться
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
стили вроде экспортнул mini-css-extract-plugin, но проверить из-за ошибки не могу)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Fedor T
пробую вебпаком собрать, получаю
Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
По ссылке ходили?
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
да, когда компилил бейблом были проблемы с хуками
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
там дело было в том, что в node_modules пакета попадал реакт. Сейчас такого нет
источник

СА

Сергей Александров... in Webpack — русскоговорящее сообщество
Fedor T
пробую вебпаком собрать, получаю
Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
Реакт нужно исключать из конечного бандла. Иначе при подключении будет 2 реакта в приложении
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
Сергей Александров
Реакт нужно исключать из конечного бандла. Иначе при подключении будет 2 реакта в приложении
да, именно это описал)
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
реакт у меня в peer

 "peerDependencies": {
   "react": "^16.3.0",
   "react-dom": "^16.3.0"
 },

node_modules смотрел, его там нет
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
модуль формирую так:
  output: {
   path: path.join(__dirname, 'dist'),
   filename: 'index.js',
   library: pkg.name,
   libraryTarget: 'umd',
 },
источник

AP

Arnold Pataki in Webpack — русскоговорящее сообщество
Fedor T
модуль формирую так:
  output: {
   path: path.join(__dirname, 'dist'),
   filename: 'index.js',
   library: pkg.name,
   libraryTarget: 'umd',
 },
на всякий случай попробуй добавить в externals вебпака react, react-dom, react-router-dom(если используется).
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
Arnold Pataki
на всякий случай попробуй добавить в externals вебпака react, react-dom, react-router-dom(если используется).

 externals: process.env.NODE_ENV === 'production' ? [
   { react: { root: 'React', amd: 'react', commonjs: 'react', commonjs2: 'react' } },
   { 'react-dom': { root: 'ReactDOM', amd: 'react-dom', commonjs: 'react-dom', commonjs2: 'react-dom' } },
   // { 'prop-types': { root: 'PropTypes', amd: 'prop-types', commonjs: 'prop-types', commonjs2: 'prop-types' } },
 ] : [],
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
засунул
источник

AP

Arnold Pataki in Webpack — русскоговорящее сообщество
Fedor T

 externals: process.env.NODE_ENV === 'production' ? [
   { react: { root: 'React', amd: 'react', commonjs: 'react', commonjs2: 'react' } },
   { 'react-dom': { root: 'ReactDOM', amd: 'react-dom', commonjs: 'react-dom', commonjs2: 'react-dom' } },
   // { 'prop-types': { root: 'PropTypes', amd: 'prop-types', commonjs: 'prop-types', commonjs2: 'prop-types' } },
 ] : [],
хммм, просто у меня вот так прописано
externals: {
   react: 'react',
   'react-dom': 'react-dom',
   'react-router': 'react-router',
 },
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
@react_frontender  Sergey спасибо)) у меня копипаст был
источник

FT

Fedor T in Webpack — русскоговорящее сообщество
  externals: ['react', 'react-dom'],

вылечило
источник

AP

Arnold Pataki in Webpack — русскоговорящее сообщество
Fedor T
@react_frontender  Sergey спасибо)) у меня копипаст был
помогло?
источник

AP

Arnold Pataki in Webpack — русскоговорящее сообщество
Alex CherryTea
Отсутвие слеша в начале обозначает что путь от node_modules проекта
вот так сработало
      {
       test: /\.(bmp|eot|gif|jpe?g|png|ttf|woff|woff2)$/i,
       loader: 'file-loader',
       options: {
         outputPath: 'assets',
         publicPath: '/_/common/dist/assets',
         name: '[name].[ext]',
       },
     },
источник

AS

A S in Webpack — русскоговорящее сообщество
кто нить встречал подобную ошибку

тема
webpack 5 и webpack federation и react-hot-loader

remote.js на скрине - это соры удаленного приложения по https

hot reload отваливается в рутовом где поключаю через webpackFederationPlugin
источник

AS

A S in Webpack — русскоговорящее сообщество
источник

AS

A S in Webpack — русскоговорящее сообщество
https://github.com/gaearon/react-hot-loader/issues/1323 уже пробовала так
не помогает ничего
источник