ReferenceError: Stocks is not defined about stocks.js HOT 3 OPEN

This is how I got stocks.js to work on my setup using VueJS.

require('stocks.js')
const stocks = new Stocks('YOUR_API_KEY')

module.exports = {
  fetchData: symbol => {
    const options = {
      symbol: symbol,
      interval: '1min',
      amount: 1
    }

    return stocks.timeSeries(options)
  }
}

Where here I export the fetchData function and can pass it a symbol to then have it return the data.

However, I don't necessarily like having to use commonjs require statements as it throws this warning on webpack, Critical dependency: the request of a dependency is an expression.

Is there a way to not use the commonjs require with stocks.js and instead use ES6 import, but what would we be importing since import stocks from 'stocks.js' is not correct since you can't do stocks.Stocks('API_KEY')

So I think me and @ilkertuna are looking for the correct way to use stocksjs with ES6 imports as the examples look more focused on just <script> tag usage.

from stocks.js.

Actually, it looks like PR #6 might solve this issue whenever that gets merged

However, until that gets resolved, what I've done, is placed the dist/stocks.js file in the static folder and then used a <script> tag in my index.html. This allows me to remove the require('stocks.js'), and avoids the webpack related error since stocks.js will be made available before I'm using it in my VueJS bundled application.

Maybe this will help someone with a similar issue regarding using stocks.js in webpack dependent projects.

from stocks.js.

please add this to the ReadMe file it took me 30 minutes to figure out you have to do require('stocks.js') not require('stocks')

from stocks.js.