Как использовать модуль CommonJS в React с Webpack?

Question

Я пытаюсь установить эту библиотеку React: HTML-2-JSX

Проблема в том, что я не знаю, как импортировать его в React. В описании сказано:

Чтобы использовать модуль Node.js, require ('htmltojsx') и создайте новый экземпляр.

Когда я пытаюсь просто потребовать это в компоненте React, ESlint говорит мне:

Файл является модулем CommonJS. Может быть преобразован в модуль ES6.

Конечно, когда я пытаюсь запустить Webpack, я получаю ошибки.

Ошибки, которые я получаю в Webpack:

 Can't resolve 'child_process' in 
 'C:\xampp\htdocs\codeigniter_cms\public\node_modules\xmlhttprequest\lib'

И несколько ошибок такого рода:

 Can't resolve 'fs' in 
 'C:\xampp\htdocs\codeigniter_cms\public\node_modules\cssstyle\lib'

Как это можно сделать? Честно говоря, я нахожу немного странным, что библиотека, созданная для реагирования, не поддерживает функции импорта ES6.

Answer 1

Попробуйте добавить это в конфигурацию вашего веб-пакета:

module.exports = {
  ...
  node: {
    fs: 'empty',
    child_process: 'empty'
  }
};

Предупреждение, которое вы видите, не имеет ничего общего с этими ошибками. Если вы хотите исправить предупреждение, то может потребоваться некоторый контекст, в котором происходит предупреждение.