在 VueJs 项目中导入和使用 npm 包答案

【问题标题】：Import and use a npm package in VueJs Project在 VueJs 项目中导入和使用 npm 包
【发布时间】：2021-03-02 00:56:15
【问题描述】：

我有一个现有的项目，我想用 VueJs 对其进行重新编码。我需要导入一个名为 TaffyDB 的 npm 包。我发现我必须在 main.js 中导入它。我不得不承认，我不知道如何做到这一点，也不知道语法到底如何。

import WHAT from "WHERE";

taffydb 已安装，我在 node_modules 文件夹中找到文件夹“taffydb”。在该文件夹中是 taffy.js 文件。

我不知道如何找到“WHERE”和“WHAT”的详细信息。

感谢任何帮助。

【问题讨论】：

【解决方案1】：

首先在 taffy npm install --production taffy 上进行 npm 安装，然后转到您要使用它的代码，并在文档中要求它 TAFFY = require( 'taffy' ).taffy; 要求它尝试这种方式而不是从导入。

希望对你有所帮助！

【讨论】：

【解决方案2】：

我也有同样的问题。我会解决这个问题：

在官方页面下载taffy-min.js
将此文件移动到项目的 /plugin 文件夹中
在你需要使用的 .vue 文件中。将此行复制到脚本部分

从 '@/plugins/taffy-min.js' 导入 { taffy }；
在mounted()方法上你可以写：

const friends = taffy([ {"id":1,"gender":"M","first":"John","last":"Smith","city":"Seattle, WA", "status":"Active"}, {"id":2,"gender":"F","first":"Kelly","last":"Ruth","city":"Dallas, TX", “状态”：“活动”}， {"id":3,"gender":"M","first":"Jeff","last":"Stevenson","city":"Washington, D.C.","status":"Active"}, {"id":4,"gender":"F","first":"Jennifer","last":"Gill","city":"Seattle, WA","status":"Active"} ]);

更多：如果你使用 Typerscript，别忘了写“declare module '@/plugins/taffy-min.js';”在 src 文件夹上的“delcarations.d.ts”上工作。

希望对你有用！对不起我的英语不好！ :)

【讨论】：