Импорт компонента vuejs без npm install или webpack

Question

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

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

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

В отличие от других компонентов, которые я получил от unpkg (которые дают мне что-то вроде компонента.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}