Я получил ошибку, когда связывал внешнюю библиотеку с javascript
Я установил библиотека преобразования цвета через npm, но браузер показывает мне сообщение об ошибке
Uncaught ReferenceError: require is not defined home.js:134
at HTMLButtonElement.<anonymous> (home.js:134)
at HTMLButtonElement.dispatch (jquery-3.4.0.js:5233)
at HTMLButtonElement.elemData.handle (jquery-3.4.0.js:5040)
JS
var convert = require('color-convert'); // this is line 134
alert(convert.hex.lab('DEADBF'));
Я думаю, что есть проблема с путями?
Node имеет встроенную поддержку require, для клиентской стороны вам нужно использовать некоторые библиотеки для использования require
@ShubhDixit хорошо, можешь сказать мне, как я могу это исправить?
@polomy Они только что сделали
@polomy взгляните на CommonJS, RequireJS, ...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
require() не является функцией, предоставляемой вашим браузером, и скорее является признаком того, что этот исходный код является общий JS-модуль.
Чтобы использовать общий модуль JS, вам сначала нужно запустить исходный код через программу, которая связки является исходным кодом, как бы заменив каждый require('other_module') исходным кодом другого модуля, создав один исходный файл Javascript, который можно включить в ваш интерфейс HTML.
Два примера сборщиков: browserify и webpack.
Какой бы сборщик вы ни выбрали, он должен обработать исходный код внешнего интерфейса и создать исходный файл Javascript, который подходит для использования в браузере. В нынешнем виде код, который зависит от require() того, как от него зависит ваш код, не будет работать в браузере. См. документацию по браузеру для получения советов о том, как его использовать.
Мне это кажется сложным, потому что у меня два месяца опыта только в сети. в любом случае есть еще одна подобная библиотека над библиотекой
Альтернативой browserify является requirejs. requirejs предоставляет вам возможность связывать код внешнего интерфейса в автономном режиме, а также предоставляет механизм для извлечения исходного кода во время выполнения. Обратите внимание, однако, что этот метод требования модулей не совсем совпадает с метод commonjs, который вы пытались использовать. Это немного сложнее и требует, чтобы исходный код внешнего интерфейса был организован точно так же, как и внутренний. Я настоятельно рекомендую узнать больше о браузере, прежде чем отказываться от него.
Это библиотека Node.js, вы должны использовать Browserify или другой подобный инструмент, чтобы использовать его в браузере.