Import js file from node_modules in vue-cli app

Question

I've installed this with npm : https://github.com/hchstera/vue-charts

Doing npm install hchs-vue-charts

Which is a package to make charts in my views.

I just want to know how to import this lib from node_modules in a single component in Vuejs with the Vue-cli app (https://github.com/vuejs/vue-cli) because in their examples they do it with an instance of Vue.

Thank you

Volodymyr Symonenko · Accepted Answer · 2017-11-23 13:10:34Z

5

you must install module in main.js

import Vue from 'vue'
import VueCharts from 'hchs-vue-charts'

Vue.use(VueCharts)

then use component everywhere in you app, like this:

<template>
  <div id="app">
    <chartjs-line></chartjs-line>
  </div>
</template>

other components in lib:

<chartjs-bar/>
<chartjs-horizontal-bar/>
<chartjs-radar/>
<chartjs-polar-area/>
<chartjs-pie/>
<chartjs-doughnut/>

answered Nov 23, 2017 at 13:10

Volodymyr Symonenko

8889 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

safetyduck Over a year ago

There is likely some other config. Vue does not find all libs like this.

Volodymyr Symonenko Over a year ago

These components provided by VueCharts and registered globally. See github.com/hchstera/vue-charts/blob/…

Jeremy Walters · Accepted Answer · 2017-11-23 12:30:51Z

2

In main.js import vue-charts and init the plugin like this:

import VueCharts from 'hchs-vue-charts'

Vue.use(VueCharts)

answered Nov 23, 2017 at 12:30

Jeremy Walters

2,15219 silver badges30 bronze badges

Collectives™ on Stack Overflow

Import js file from node_modules in vue-cli app

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related