Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove Jimp from dependencies for front-end projects #1228

Open
tonyfarney opened this issue Feb 18, 2022 · 0 comments
Open

Remove Jimp from dependencies for front-end projects #1228

tonyfarney opened this issue Feb 18, 2022 · 0 comments
Assignees
Labels
bug Something isn't working

Comments

@tonyfarney
Copy link

tonyfarney commented Feb 18, 2022

How can I install it (using NPM) in my angular project? The Jimp dependency appears to be not intended for front-end use and is causing errors after installing it in my angular project:

./node_modules/@jimp/core/es/index.js:42:33-46 - Error: Module not found: Error: Can't resolve 'fs' in '/front/node_modules/@jimp/core/es'

./node_modules/@jimp/core/es/index.js:44:35-50 - Error: Module not found: Error: Can't resolve 'path' in '/front/node_modules/@jimp/core/es'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
	- add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
	- install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
	resolve.fallback: { "path": false }

./node_modules/@jimp/core/node_modules/mkdirp/index.js:1:11-26 - Error: Module not found: Error: Can't resolve 'path' in '/front/node_modules/@jimp/core/node_modules/mkdirp'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
	- add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
	- install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
	resolve.fallback: { "path": false }

./node_modules/@jimp/core/node_modules/mkdirp/index.js:2:9-22 - Error: Module not found: Error: Can't resolve 'fs' in '/front/node_modules/@jimp/core/node_modules/mkdirp'

./node_modules/@jimp/plugin-print/es/index.js:14:35-50 - Error: Module not found: Error: Can't resolve 'path' in '/front/node_modules/@jimp/plugin-print/es'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
	- add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
	- install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
	resolve.fallback: { "path": false }

...

The workaround I found was to include the built file in my index.html:

<script src="//unpkg.com/javascript-barcode-reader"></script>
@tonyfarney tonyfarney added the bug Something isn't working label Feb 18, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants