Как исправить ошибку при подключении библиотеки?

Question

[zEclipse]

Установил через npm install @formkit/auto-animate библиотеку auto-animate и после попытки импортировать ее

import autoAnimate from '../node_modules/@formkit/auto-animate'

Получаю ошибку: Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

Но при этом, если импортировать ее так:

import autoAnimate from 'https://cdn.jsdelivr.net/npm/@formkit/auto-animate'

То все ок

Comments

[Егор Живагин]

А вы чем-то собираете проект? Webpack, rollup, … ?

Если коротко, то без сборки import на фронте будет работать не всегда

[zEclipse]

Егор Живагин, Не собираю

Answer 1

[Сергей delphinpro]

but the server responded with a MIME type of "text/html".

Сервер отдает html. Скорее всего 404. => неверный путь к файлу => Смотрите в консоли что запрашивается и что отдается.

Answer 2

[VoidVolker]

В документации как бы есть инструкция:

import autoAnimate from '@formkit/auto-animate'

https://auto-animate.formkit.com/#usage

Answer 3

[Nik Faraday]

Если я не ошибаюсь, когда вы делаете npm install с использованием символа @, вы устанавливаете часть библиотеки, а не всю библиотеку

Comments

[VoidVolker]

Nik Faraday ошибаетесь, это скоуп - юзер/организация: https://docs.npmjs.com/cli/v9/using-npm/scope