Error with the Module not found: Error: Can't resolve 'canvas'

[Idletalk]

When I tried Knova, I encountered a problem 【Module not found: Error: Can't resolve 'canvas'】.Then I noticed that the package file would have an "import require$$1 from 'canvas'", and then I went to look for the map file, which showed that "konva/lib/index-node.js" was introduced, and canvas would be introduced in this file. How should I make a reference to "konva/lib/index.js"?

[lavrton]

What is your dev environment? Next.js?

[SmirnovMaxim]

I have the same problem in Quasar (v 1.22, Vue 2), SSR app, the library is imported only on the client.

quasar.config.js:

return {
  boot: [
    {
      server: false,
      path: 'konva',
    }
  ]
}

[lavrton]

@SmirnovMaxim what will happen if you install canvas library manually?

[SmirnovMaxim]

@lavrton, some kind of webpack loader is needed but I don't understand which one.

UPD: node-loader is needed (I'm using 1.0.3v for webpack 4), the build was successful. However, when opening the canvas page I received this error (when opening another page everything is fine and I can go to the canvas page, but this is very strange behavior):

[SmirnovMaxim]

So, a few moments later...

Importing konva/lib/index solved my problem

import Konva from 'konva/lib/index'

[lavrton]

A little note: from konva@10.0.0 it should load wihtout extra config.