如何在 vue 3 (Danfo.js) 中导入 NPM 包

Posted 2023-02-22

【中文标题】如何在 vue 3 (Danfo.js) 中导入 NPM 包

【英文标题】：How to import NPM package in vue 3 (Danfo.js)

【发布时间】：2021-02-13 08:11:47

【问题描述】：

这似乎是一个新手问题，但我不明白。如何在 vue 3 中导入和使用第三方 js 库？在这种情况下，我正在尝试通过 npm install danfojs 使用 Danfo.js https://danfo.jsdata.org/getting-started（尽管它只显示使用 cdn 进行浏览器使用，但我认为这是同一件事，但如果错了，请纠正我）。然后 idk 如果这是我在我想使用的每个文件中导入的东西，或者如果我在 main.js 中执行它并且它在全局范围内自动工作或什么。我尝试制作 main.js

import  createApp  from 'vue'
import App from './App.vue'

import danfo from 'danfojs';

const app = createApp(App)
app.use(danfo)
app.mount('#app')

如果正确，则 idk，如果正确，那么我如何从组件的 setup() 内部调用 dfd

function danfoTest()
      console.log('idk', dfd)
      const json_data = [
         A: 0.4612, B: 4.28283, C: -1.509, D: -1.1352 ,
         A: 0.5112, B: -0.22863, C: -3.39059, D: 1.1632 ,
         A: 0.6911, B: -0.82863, C: -1.5059, D: 2.1352 ,
         A: 0.4692, B: -1.28863, C: 4.5059, D: 4.1632 ]
                    
        const df = new dfd.DataFrame(json_data)
        console.log('here')
        df['A'].print()
    

如果这是缺乏对 vue 3 的理解或缺乏对 Danfo.js 的理解，我想知道，但无论哪种方式都希望能得到一些帮助，谢谢！

还有可能是唯一的选择吗？将<script src="https://cdn.jsdelivr.net/npm/danfojs@0.1.2/dist/index.min.js"></script> 标签添加到 index.js 时，它确实有效，但我在终端中收到有关 dfd 未定义的错误，尽管调用 dfd 确实有效。我假设是因为它稍后会以任何方式加载脚本，我想我想要 npm 安装方式和 npm install danfojs-node 我相信是针对节点版本而不是浏览器版本，这就是我这样做的原因 npm install danfojs

【参考方案1】：

虽然我不确定自己。你的假设是正确的

npm install danfojs

用于浏览器客户端。我按如下方式使用该库 -

import DataFrame from 'danfojs/dist/core/frame';
import Series from 'danfojs/dist/core/series';