import blows up in CRA/Webpack app

[typpo]

import blows up in CRA/Webpack app

[typpo]

Thanks for the report, Ray. I'm not sure removing the browser field solves the issue. I'm going to add a note to the readme for now while I look into it more.

[typpo]

With the release of version 3.0.0, import QuickChart from 'quickchart-js' will work correctly :) Thanks for the report

[locbq]

@typpo I still have the same issue with version 3.0.0

[typpo]

@locbq Are you sure you've upgraded correctly? 3.0.0 works fine in a new CRA app:

npx create-react-app scratch-app
cd scratch-app
npm i --save quickchart-js

Replace src/App.js with the following:

import QuickChart from 'quickchart-js'

function App() {
  const qc = new QuickChart();
  qc.setConfig({
    type: 'bar',
    data: { labels: ['Hello world', 'Foo bar'], datasets: [{ label: 'Foo', data: [1, 2] }] },
  });
  return (
    <div className="App">
      <img src={qc.getUrl()} />
    </div>
  );
}

Here is the entry in package-lock.json:

    "quickchart-js": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/quickchart-js/-/quickchart-js-3.0.0.tgz",
      "integrity": "sha512-jwb5JrL2bGfU/OMkXGvrY/OjveVkzFMzFSRugs+RO35xGQrbJi1s9eC9xuwYI24lMxcgW+bugtYAR3Qhp5M1MA==",
      "requires": {
        "cross-fetch": "^3.1.5",
        "javascript-stringify": "^2.1.0"
      }
    },

[locbq]

@typpo yes, I did install version 3.0.0 and still got the error

but the error went away when I changed the import to this

[typpo]

If you're able to share a project with a repro, I'm happy to take a look. I am unable to reproduce this issue from a clean install of CRA :/

[locbq]

Unfortunately I can't because this is a project at work. Maybe it's the CRA version? I'll test this on a fresh CRA project
But really appreciate the replies. Thanks. Quickchart literally saved our project.