在 vuejs 中使用节点模块中的 js 插件

Question

如何在使用 npm install 保存后将 cal-heatmap(https://www.npmjs.com/package/cal-heatmap) 导入我的项目？

我试过这样使用它：

<script>
import calHeatmap from 'cal-heatmap'

    export default { 
    name: 'heatmap',
    props: {
         inspection: Object
    },
    data () {
       return {
           current: new Date().getFullYear()
       }
    },
    beforeMount () {
       var cal = new CalHeatMap()
       cal.init({})
    }
   }
  </script>

我知道 CalHeatMap() 未定义。

Answer 1

你可以直接在组件中这样写：

import CalHeatmap from 'cal-heatmap'

Answer 2

import CalHeatMap from 'cal-heatmap

是对的

另外记得导入css文件

import 'cal-heatmap/cal-heatmap.css'

在 vuejs 中使用节点模块中的 js 插件

Use js plugin from node modules in vuejs

import

node-modules

vue.js

vue-component