diegomura / diegomura/react-pdf
Pako/zlib and yoga errors in Webpack 5
- Dominant language
- TypeScript
- Stars
- 16.8k
- Forks
- 1.3k
- Avg merge
- 5h 6m
- Merged PRs (30d)
- 52
Description
**Describe the bug**
When I try to use react-pdf in my react app, I get the following error messages from Webpack (5.76.2). Using react 17.0.2, and babel/core 7.14.2. I'm including the polyfill for `browserify-zlip` in my webpack config, but it's still having these issues.
```
ERROR in ./.yarn/unplugged/yoga-layout-npm-2.0.1-d25883a49a/node_modules/yoga-layout/src/generated/YGEnums.ts 10:7
Module parse failed: Unexpected token (10:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| // @generated by enums.py
|
> export enum Align {
| Auto = 0,
| FlexStart = 1,
ERROR in ./.yarn/cache/@react-pdf-pdfkit-npm-3.1.6-f77387c17f-f81f65d623.zip/node_modules/@react-pdf/pdfkit/lib/pdfkit.browser.js 3:0-52
Module not found: Error: Can't resolve 'pako/lib/zlib/zstream.js' in '/workspaces/main/.yarn/cache/@react-pdf-pdfkit-npm-3.1.6-f77387c17f-f81f65d623.zip/node_modules/@react-pdf/pdfkit/lib'
ERROR in ./.yarn/cache/@react-pdf-pdfkit-npm-3.1.6-f77387c17f-f81f65d623.zip/node_modules/@react-pdf/pdfkit/lib/pdfkit.browser.js 4:0-50
Module not found: Error: Can't resolve 'pako/lib/zlib/deflate.js' in '/workspaces/main/.yarn/cache/@react-pdf-pdfkit-npm-3.1.6-f77387c17f-f81f65d623.zip/node_modules/@react-pdf/pdfkit/lib'
ERROR in ./.yarn/cache/@react-pdf-pdfkit-npm-3.1.6-f77387c17f-f81f65d623.zip/node_modules/@react-pdf/pdfkit/lib/pdfkit.browser.js 5:0-52
Module not found: Error: Can't resolve 'pako/lib/zlib/inflate.js' in '/workspaces/main/.yarn/cache/@react-pdf-pdfkit-npm-3.1.6-f77387c17f-f81f65d623.zip/node_modules/@react-pdf/pdfkit/lib'
ERROR in ./.yarn/cache/@react-pdf-pdfkit-npm-3.1.6-f77387c17f-f81f65d623.zip/node_modules/@react-pdf/pdfkit/lib/pdfkit.browser.js 6:0-54
Module not found: Error: Can't resolve 'pako/lib/zlib/constants.js' in '/workspaces/main/.yarn/cache/@react-pdf-pdfkit-npm-3.1.6-f77387c17f-f81f65d623.zip/node_modules/@react-pdf/pdfkit/lib'
webpack 5.76.2 compiled with 5 errors in 33408 ms
```
**To Reproduce**
In my webpack config, I have the following for `resolve` (note, there is other stuff in there for other libraries)
```
resolve: {
fallback: {
stream: require.resolve('stream-browserify'),
vm: require.resolve('vm-browserify'),
punycode: require.resolve('punycode/'),
util: require.resolve('util/'),
os: require.resolve('os-browserify/browser'),
crypto: require.resolve('crypto-browserify'),
process: require.resolve('process/browser'),
zlib: require.resolve('browserify-zlib'),
stream: require.resolve('stream-browserify'),
// util: require.resolve('util'),
buffer: require.resolve('buffer'),
assert: require.resolve('assert'),
},
// need to use require.resolve to ensure that only one instance of these are
// loaded/bundled
alias: {
'styled-components': require.resolve(`styled-components`),
'react-redux': require.resolve(`react-redux`),
},
},
```
**Desktop (please complete the following information):**
- React-pdf version: Tried multiple, including latest 3.3.8
Contributor guide
Assessment
This issue has not been assessed yet.