在没有安装 npm 或 webpack 的情况下导入 vuejs 组件

Question

我正在尝试将此组件包含在我的项目中： https://www.npmjs.com/package/vuejs-auto-complete

问题是我不允许使用 npm 安装。 我们没有在项目中使用 npm 或 webpack（关于占用空间小和最小化依赖关系的东西）所以我只需要使用 LibMan。

我使用 LibMan 在 unpkg 上找到了该组件并“安装”了它。 然而，这只给了我两个文件：dist/build.js 和 build.js.map（我认为这是一些 webpack 的东西）。

与我从 unpkg 获得的其他组件不同，（它给了我类似 component.esm.js 的东西）我无法从文件中导入组件：

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

给我

语法错误：找不到导入：自动完成

我在一个辅助项目中尝试了该组件，我使用了 npm 安装，它工作正常。

如何让它在我的场景中工作？

Answer 1

您必须将自动完成导入为默认导入，如下所示：

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

或使用节点的require() function：

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

Answer 2

你必须像这样导入它：

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

然后在组件部分：

components: {Autocomplete}