Позвольте мне предварить это, признав, что я новичок в node.js и веб-разработке в целом. Я прочесывал stackoverflow и искал решение в Google, но безрезультатно. В основном, я не уверен, какие шаги мне нужно предпринять, поскольку я впервые пробую использовать модули npm.
По сути, я создал статический веб-сайт для своего друга, который позволяет пользователям добавлять свои собственные каламбуры к уже существующему массиву каламбуров, вдохновленных именами ее кошек. Затем сайт рандомизирует массив, если пользователи хотят просматривать каламбуры по одному. Для представленных материалов я уже установил ограничения на то, что пользователи должны писать что-то между 0-50 символами, содержащее хотя бы одно из имен ее кошек. Функциональность сайта была написана на ванильном JS. Однако программа еще не учитывает отправленные тарабарщины, которые в остальном соответствуют указанным выше требованиям (например, «alksdjjsd Cat name slkjsd»). Это последний шаг, который завершит работу над сайтом.
Чтобы исправить это, я хотел бы добавить в свой проект этот модуль npm. < / strong> Я протестировал модуль, и он смог правильно отделить бессмысленные представления от представлений, не являющихся бессмысленными, в моем массиве. Проблема только в том, что я понятия не имею, как действовать.
Естественно, я установил пакет в узел, а затем скопировал / вставил оператор импорта - в соответствии с инструкциями по использованию - прямо в мой файл .js, но потом я понял, что пакет не запускается в браузере. Итак, я установил node.js и создал package.json со следующими зависимостями:
"devDependencies": {
"browserify": "^16.5.0",
"watchify": "^3.11.1"
},
"dependencies": {
"asdfjkl": "0.0.6"
}
Как вы, возможно, догадались, я также создал файл bundle.js, который я связал в теге сценария в моем файле index.html <script src="bundle.js"></script>
со следующим также в моем файле package.json:
"main": "index.js",
"scripts": {
"build": "browserify index.js -o bundle.js",
"watch": "watchify index.js -o bundle.js"
},
Однако мне все еще неясно, как мне следует следовать инструкциям по использованию в модуле npm. Я не могу использовать предложенный оператор импорта:
import asdfjkl from 'asdfjkl';
в моем коде (файлы index.js / bundle.js) без просмотра ошибок в моем терминале, таких как «ParseError: 'import' и 'export', могут появляться только с 'sourceType: module' "или
import asdfjkl from 'asdfjkl';
^^^^^^^
SyntaxError: Unexpected identifier
Я заметил, что многие люди с подобной проблемой используют такие инструменты, как Babel, Gulp и другие пакеты, но я не могу сказать, какие инструменты мне могут понадобиться, и я определенно не понимаю, как их использовать.
Любые рекомендации о том, как включить этот пакет в мой интерфейсный проект, были бы ОЧЕНЬ благодарны. Заранее большое спасибо!
Изменить: решение
Чтобы функция asdfjkl()
работала, мне пришлось написать
var asdfjkl = require('asdfjkl').default;
Для других, у которых эта проблема требует разъяснения, я считаю полезным этот ответ.