Импорт компонента vuejs без установки npm или веб-пакета

Question

Я пытаюсь включить этот компонент в свой проект:https://www.npmjs.com/package/vuejs-auto-complete

Проблема в том, что мне не разрешено использовать npm install. Мы не используем npm или webpack в проекте (что-то вроде небольшого размера и минимизации зависимостей), поэтому все, с чем мне нужно работать, это LibMan.

Я нашел компонент в unpkg с помощью LibMan и "установил" его. Однако это дало мне только два файла: dist / build.js и build.js.map (я предполагаю, что это какой-то веб-пакет).

В отличие от других компонентов, которые я получил от unpkg (которые дают мне что-то вроде component.esm.js для работы), я не могу импортировать компонент из файла:

import { Autocomplete } from "../../lib/vuejs-auto-complete/dist/build.js";

дает мне

SyntaxError: импорт не найден: автозаполнение

Я пробовал компонент в стороннем проекте, где я использовал npm install, и он работал нормально.

Как заставить это работать в моем сценарии?

Answer 1

Вам нужно импортировать автозаполнение как импорт по умолчанию, например:

import Autocomplete from '../path/to/dist/build.js';

или используйте узел require() функция:

const Autocomplete = require('../path/to/dist/build.js');

Answer 2

Вы должны импортировать это так:

import Autocomplete from "../../lib/vuejs-auto-complete/dist/build.js";

А затем в разделе компонентов:

components: {Autocomplete}