vue.js - 在没有 npm install 或 webpack 的情况下导入 vuejs 组件

Question

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

问题是我不允许使用 npm install。我们没有在项目中使用 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 install 的辅助项目中尝试了该组件，它运行良好。

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

score 1 · Accepted Answer

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

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

或使用节点的require()功能：

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

score -2 · Accepted Answer

你必须像这样导入它：

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

然后在组件部分：

components: {Autocomplete}

2 回答 2