将 js 文件导入 Vue.js 项目答案

【问题标题】：Import js file into Vue.js project将 js 文件导入 Vue.js 项目
【发布时间】：2020-05-19 00:07:42
【问题描述】：

请原谅我缺乏关于 js 捆绑的知识，但我想将此 javascript 文件导入到我的 Vue.js 项目中并使用它的功能，但我无法让它工作。

也许这只是关于文件捆绑方式的基本信息，但我正在尝试像这样导入它

import * as omni from "../main";

然后尝试像这样使用文件中的函数

omni.crossfilter.crossfilter(con, tableName)

但是我收到了这个错误

Uncaught TypeError: _omni__WEBPACK_IMPORTED_MODULE_1__.crossfilter is not a function

当我使用 src 和脚本标记将文件包含在常规 html 文件中时，调用该函数就可以正常工作。如果有人能给我一些关于我在这里做错了什么的指导，或者如何正确导入，我将不胜感激。

【问题讨论】：

你试过import omni from "../omni"吗？有时也可能是import { omni } from "../omni"
stackoverflow.com/questions/48426972/… 这可能对你有帮助。
这还取决于您如何从 main.js 导出函数。您还可以添加您的全向 sn-p 吗？
这是导出函数的文件。我没有写它，所以我不确定它是否可以与 vue 一起使用。 github.com/omnisci/Charting-Sample/blob/master/main.js

【解决方案1】：

只写：

import '../main'

导入后调用函数：

/ ...
crossfilter(con, tableName)

【讨论】：