首页 > 解决方案 > 将 js 文件导入 Vue.js 项目

问题描述

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

https://github.com/omnisci/Charting-Sample/blob/master/main.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 文件中时,它可以很好地调用该函数。如果有人能给我一些关于我在这里做错了什么的指导,或者如何正确导入它,我将非常感激。

标签: javascriptvue.js

解决方案


写吧:

import '../main'

并在导入后调用函数:

/ ...
crossfilter(con, tableName)

推荐阅读