169 похожих чатов

Добрый вечер Подскажите, пожалуйста, как правильно импортировать библиотеку в чистом файле

JS? Если в html файле в теге script прописать type="module", а в самом файле js прописать в начале import name from 'name', то браузер начинает ругаться:
Uncaught TypeError: Failed to resolve module specifier "...". Relative references must start with either "/", "./", or "../".
То есть он говорит, что импорт должен производиться из файла с относительным путем, но в данном случае, это же библиотека из папки node_modules.
Так как все-таки правильно импортировать библиотеку, чтобы браузер не ругался? Только через const .... = require('...')?
При поиске ответа внятного не нашел, все пишут, что нужно через import 🤷‍♂️

11 ответов

5 просмотров

если ты используешь node modules, то почему бы не использовать вебпак который? или что ты пытаешься сделать?

Илья- Автор вопроса
Vladyslav Hrehul
если ты используешь node modules, то почему бы не ...

Хочу подключить к html скрипт в котором используется сторонняя библиотека. Без использования вебпака.

Илья
Хочу подключить к html скрипт в котором использует...

ну так скачай саму либу, зачем тебе модуля нода тогда?

Илья- Автор вопроса

Всё-таки вопрос у меня остался: как нужно правильно подключать стороннюю библиотеку в файл JS без использования webpack и пр.? Через require тоже не выходит, браузер начинает ругаться require is not defined

Илья- Автор вопроса
Denys Mikhalenko
import

В первоначальном сообщении я уже описывал, что сделать это не удается.

Браузер не умеет читать файлы из файловой системы, то что там где-то в node_modules лежит файл для браузера ничего не значит

Илья
В первоначальном сообщении я уже описывал, что сде...

Вроде как ты не можешь импортировать npm библиотеки без бандлера. Ты можешь просто взять оттуда уже скомпилированную либу и закинуть её рядом с основным модулем и использовать относительный путь. Других способов не знаю.

Илья- Автор вопроса
Snake
Вроде как ты не можешь импортировать npm библиотек...

У библиотеки же своя структура имеется и там не просто один файл. Да и тем более, в них экспорта по умолчанию не предусмотрено. То есть это звучит как какой-то костыль. Я просто хочу понять, как правильно использовать библиотеки во фронтенде, увы, ответа в интернете я найти не могу.

Илья
У библиотеки же своя структура имеется и там не пр...

Обычно популярные библиотеки предоставляют вариант обычного подключения через script

Илья- Автор вопроса
Snake
Обычно популярные библиотеки предоставляют вариант...

https://github.com/sindresorhus/on-change Как пример, хочу эту библиотеку использовать в своем небольшом проекте. Как ее необходимо подключать? В инструкции указано, что через Npm)

Похожие вопросы

Обсуждают сегодня

#include <stdio.h> #include <stdlib.h> #include <time.h> void mass_first_generate(int mass[5][7]) {     for (int N = 0; N < 5; N++) {         for (int A = 0; A < 7; A++) {   ...
Чувак
6
https://www.linkedin.com/posts/ugama-benedicta-kelechi-codergirl-103041300_mobiledevelopment-fluttertraining-handsonlearning-activity-7263445699227254784-IdHB?utm_source=share...
CoderGirl
16
Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.
Alexander Andreev
22
объясните пожалуйста, почему функция не работает должным образом? вроде должно брать активное окно сравнивать его размер с размером экрана, и если есть совпадение = true прове...
JF
12
Гляньте, че бывает: Сегодня по одному проекту одной вебстудии делал проект небольшой, на их хостинге. На Modx revo. В определенный момент , работая в админке, вдруг перестал р...
Artem
7
лучше скажите, причём тут паскаль?
Alexey Kulakov
36
Но, может, есть уже проверенная? Наши требования такие: 1. Сообщения должны приходить из Инста в CRM оду 2. Должна быть возможность подключить несколько экаунтов Инстаграм. Р...
Alexander Sharoiko MSE / Александр Шаройко
12
> Копаем глубже > Следующий момент был, когда я спросил его, знает ли он JavaScript. Он ответил, что его учили работать с C#. Я тоже в университете писал на C#, но даже там мн...
Oleg Volkov
4
И никого не интересует какие пакеты кто использует. ((% Заходишь на сайт симфони и видишь поддержку Украины - по законам РФ это ж экстремизм. Только никто не отказывается от с...
Am Ambrion
11
Карта сайта