GET / 500 in 32ms (next.js: 19ms, application-code: 13ms) [browser] Uncaught Error: ./node_modules/fflate/lib/node.cjs:22:13 Module not found: Can't resolve <dynamic> 20 | node_worker_1["default"] = Worker ? function (c, _, msg, transfer, cb) { 21 | var done = false;

22 | var w = new Worker(c + workerAdd, { eval: true }) | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | .on('error', function (e) { return cb(e, null); }) 24 | .on('message', function (m) { return cb(null, m); }) 25 | .on('exit', function (c) {

Import trace: Server Component: ./node_modules/fflate/lib/node.cjs ./node_modules/jspdf/dist/jspdf.node.min.js ./app/create-pdf-action.ts ./app/page.tsx

https://nextjs.org/docs/messages/module-not-found

at <unknown> (Error: ./node_modules/fflate/lib/node.cjs:22:13)
at <unknown> (https://nextjs.org/docs/messages/module-not-found)
at <unknown> (https://nextjs.org/docs/messages/module-not-found)

[browser] ./node_modules/fflate/lib/node.cjs:22:13 Module not found: Can't resolve <dynamic> 20 | node_worker_1["default"] = Worker ? function (c, _, msg, transfer, cb) { 21 | var done = false;

22 | var w = new Worker(c + workerAdd, { eval: true }) | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | .on('error', function (e) { return cb(e, null); }) 24 | .on('message', function (m) { return cb(null, m); }) 25 | .on('exit', function (c) {

Import trace: Server Component: ./node_modules/fflate/lib/node.cjs ./node_modules/jspdf/dist/jspdf.node.min.js ./app/create-pdf-action.ts ./app/page.tsx

https://nextjs.org/docs/messages/module-not-found at console.overrideMethod [as error] (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/installHook.js:1:174822) (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/installHook.js:1:174822) [browser] ./node_modules/fflate/lib/node.cjs:22:13 Module not found: Can't resolve <dynamic> 20 | node_worker_1["default"] = Worker ? function (c, _, msg, transfer, cb) { 21 | var done = false;

22 | var w = new Worker(c + workerAdd, { eval: true }) | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | .on('error', function (e) { return cb(e, null); }) 24 | .on('message', function (m) { return cb(null, m); }) 25 | .on('exit', function (c) {

Import trace: Server Component: ./node_modules/fflate/lib/node.cjs ./node_modules/jspdf/dist/jspdf.node.min.js ./app/create-pdf-action.ts ./app/page.tsx

https://nextjs.org/docs/messages/module-not-found at console.overrideMethod [as error] (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/installHook.js:1:174822) (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/installHook.js:1:174822)

Fix Plan

The issue seems to be related to the fflate library and its usage of Web Workers. To fix this, we can try to use a different version of fflate or disable the use of Web Workers.

Here are the steps to fix the issue:

• Update jspdf to the latest version: npm install jspdf@latest
• If the issue persists, try to disable the use of Web Workers in fflate by using the browser version of fflate instead of the node version.
• Add the following code to your next.config.js file to disable the use of Web Workers:

module.exports = {
  //... other configurations ...
  webpack: (config) => {
    config.resolve = {
      ...config.resolve,
      alias: {
        ...config.resolve.alias,
        fflate: 'fflate/browser',
      },
    };
    return config;
  },
};

Alternatively, you can also try to use a different library for creating PDFs, such as pdfkit.

Verification

To verify that the fix worked, run npm run dev and check if the error is resolved. You can also try to create a PDF using the create-pdf-action and see if it works as expected.

Extra Tips

• Make sure to check the documentation of fflate and jspdf for any updates or changes that may affect the usage of Web Workers.
• If you are using a different library for creating PDFs, make sure to check its documentation for any specific configurations or settings that may be required.
• If the issue persists, try to debug the code and see where the error is coming from. You can use the browser's developer tools or a debugger like node --inspect to debug the code.