Uncaught Typeerror в JavaScript, пытаясь импортировать модуль ⇐ Javascript

[Anonymous]

Я пытаюсь создать веб-сайт с загрузочной панелью в верхней части экрана, когда страница загружается, поэтому я решил импортировать полосу прогресса из Badrap. Когда я пытаюсь импортировать стержни со следующим кодом: < /p>

Код: Выделить всё

import ProgressBar from "@badrap/bar-of-progress";

,
Плана выполнения, которая предназначена для показа, не видно, и консоль бросает мне эту ошибку:

uncate typeError: спецификатор «@Badrap/bar-of-progress» был отсутствующим спецификатором, но не был удален навvers. Относительные спецификаторы модуля должны начинаться с «./», «../» или «/overt.

Я также попытался изменить код импорта на это:

Код: Выделить всё

import ProgressBar from "../node_modules/@badrap/bar-of-progress"

but gave me these errors instead:

Loading module from “project-name” was blocked because of a disallowed MIME type (“text/html”).

and

Модуль загрузки из «project-name» был заблокирован из-за запрещенного типа Mime («Text /html»). < /p>
< /blockquote>
Дерево моих каталогов выглядит так: < /p>

Код: Выделить всё

\project-name
\node_modules
\@badrap/bar-of-progress
\assets
load.js 
my package.json выглядит так: < /p>
{
"dependencies": {
"@badrap/bar-of-progress": "^0.3.0"
}
}
< /code>
Я уже установил стержни с использованием: < /p>
npm i @badrap/bar-of-progress

Есть ли способ импортировать стержни и сделать планку видимой?

Подробнее здесь: https://stackoverflow.com/questions/797 ... t-a-module