Uncaught Error: Cannot find module "script!sql.js"

[yakhinvadim]

I tried to fix the issue #18 by checking if window object is present.
I added

 || typeof window !== 'undefined'

here: https://github.com/ewnd9/anki-apkg-export/blob/master/src/index.js#L8
and here: https://github.com/ewnd9/anki-apkg-export/blob/master/src/exporter.js#L56
(but in dist folder) and it worked. But I faced an error:

Unfortunately, I don't understand the cause of the error. script and raw loaders are installed. Maybe the reason is in webpack config somewhere, but can't edit it.

Do you have an idea what can cause this error and how I could fix it?

In case you'd like to try it yourself, I created a minimal representation of this case in this repo:
https://github.com/yakhinvadim/anki-apkg-export-error
This is app, created with create-react-app. My changes for this case are in this commit yakhinvadim/anki-apkg-export-error@4fec6c2

[ewnd9]

The reason behind the error is due to deprecation of short loader syntax (should be script-loader in webpack@2)

However, after I manually changed that, I see the following

I suggest starting with the browser example from this repo and gradually add dependencies/config from ejected create-react-app to find what's wrong.

[yakhinvadim]

Thanks for the help. I'll try to fix it and send a PR.

[yakhinvadim]

For some reason, there are several very similar "filesaver" packages on npm (in order of popularity)

• https://www.npmjs.com/package/file-saver
• https://www.npmjs.com/package/filesaver.js
• https://www.npmjs.com/package/filesaverjs
• https://www.npmjs.com/package/file-saverjs

You are using the third one and it works fine for your cases, but its readme says to use the first. I installed it and my error has gone :)

I tried the most popular package with your examples and it doesn't work correctly for browser-media-file-input (card doesn't have the image from input). I've sent you a PR #23, where I switched the filesaverjs for file-saver, so if you wanted to, you could investigate why it doesn't work as expected. But it breaks your examples, so it's ok if you decline it.

I've also sent a PR #22, which fixes short-loader syntax.

[ewnd9]

Yeah, I've seen deprecation messages from filesaver when tried your create-react-app example, but didn't have time to check.

I installed it and my error has gone :)

You are talking about the deprecate error in #19 (comment) right?

I'm going to investigate the package from your pr later, thanks for help 👍

[yakhinvadim]

You are talking about the deprecate error in #19 (comment) right?

Sorry, I wasn't clear. Yes, I was talking about deprecate error.

[ewnd9]

Apparently the most popular filesaver wasn't on npm at the time I published the first version (package.json only added in May 26, 2016 eligrey/FileSaver.js@cb8e076)

[ewnd9]

I've checked locally your branch and turned out you forgot to rebase with my latest changes, the error in examples was due to very old anki-apkg-export dependency, see cc9d686

Thanks again, not only the package now is future-proof, but I also gained the knowledge about non-obvious (for me) deprecating behavior in some environments, appreciate that ✌️

---

I've published v3.2.0, let me know if it works ok for your project.

[yakhinvadim]

Everything's ok now, thanks!