RollupError when deploying to Cloudflare

[mendrinos]

11:23:00.516 [error] [nitro] RollupError: Expected ',', got 'undefined' in /opt/buildhome/repo/node_modules/papaparse/papaparse.js
11:23:00.516 
11:23:00.516 
11:23:00.516 50:     var URL = global.URL || global.webkitURL || null;
11:23:00.516 51:     var code = moduleFactory.toString();
11:23:00.516 52:     return Papa.BLOB_URL || (Papa.BLOB_URL = URL.createObjectURL(new Blob(["var global = (function() { if (typeof self !== 'undefined') { return self; } if ("undefined"...
11:23:00.517                                                                                                                                                                   ^
11:23:00.517 53:   }
11:23:00.518 [error] Expected ',', got 'undefined' in /opt/buildhome/repo/node_modules/papaparse/papaparse.js
11:23:00.518   at getRollupError (node_modules/rollup/dist/es/shared/parseAst.js:396:41)
11:23:00.519   at convertProgram (node_modules/rollup/dist/es/shared/parseAst.js:1060:26)
11:23:00.519   at parseAst (node_modules/rollup/dist/es/shared/parseAst.js:2204:12)
11:23:00.519   at tryParse (node_modules/@rollup/plugin-commonjs/dist/es/index.js:17:12)
11:23:00.519   at analyzeTopLevelStatements (node_modules/@rollup/plugin-commonjs/dist/es/index.js:37:15)
11:23:00.519   at Object.transformAndCheckExports (node_modules/@rollup/plugin-commonjs/dist/es/index.js:2090:68)
11:23:00.519   at Object.transform (node_modules/@rollup/plugin-commonjs/dist/es/index.js:2290:41)
11:23:00.519   at node_modules/rollup/dist/es/shared/node-entry.js:19774:40 
11:23:00.520 
11:23:00.520 [error] Expected ',', got 'undefined' in /opt/buildhome/repo/node_modules/papaparse/papaparse.js
11:23:00.632 Failed: Error while executing user command. Exited with error code: 1
11:23:00.643 Failed: build command exited with code: 1
11:23:02.223 Failed: error occurred while running build command

[brunopbarbosa]

Getting the same error on a nuxt 3 project running nuxt build.

[ThomasSimonsen20]

@brunopbarbosa I'm running into the same issue with Nuxt 3, did u find a solution?

[nsina]

@brunopbarbosa I'm running into the same issue with Nuxt 3, did u find a solution?

You can try to bypass this issue for the affected component by wrapping it in <ClientOnly> so it only renders on client side.

[michaelreinhard1]

@brunopbarbosa I'm running into the same issue with Nuxt 3, did u find a solution?

I'm also having the same issue, did you find a solution?

@brunopbarbosa I'm running into the same issue with Nuxt 3, did u find a solution?

You can try to bypass this issue for the affected component by wrapping it in <ClientOnly> so it only renders on client side.

Unfortunately wrapping it in <ClientOnly> did not work.

[brunopbarbosa]

@brunopbarbosa I'm running into the same issue with Nuxt 3, did u find a solution?

I'm also having the same issue, did you find a solution?

@brunopbarbosa I'm running into the same issue with Nuxt 3, did u find a solution?

You can try to bypass this issue for the affected component by wrapping it in <ClientOnly> so it only renders on client side.

Unfortunately wrapping it in <ClientOnly> did not work.

Hey, unfortunately I ended up getting rid of PapaParse entirely. I don't exactly remember anymore, but I think client Only also didn't work for me.

[michaelreinhard1]

@brunopbarbosa I'm running into the same issue with Nuxt 3, did u find a solution?

I'm also having the same issue, did you find a solution?

@brunopbarbosa I'm running into the same issue with Nuxt 3, did u find a solution?

You can try to bypass this issue for the affected component by wrapping it in <ClientOnly> so it only renders on client side.

Unfortunately wrapping it in <ClientOnly> did not work.

Hey, unfortunately I ended up getting rid of PapaParse entirely. I don't exactly remember anymore, but I think client Only also didn't work for me.

Hey, thanks for letting me know! I was thinking about doing the same, I'll also just get rid of it and use a different one! Thanks

[adorack]

This happens because Nuxt is built on Nitro, and Nitro configures Rollup to do a blind search-and-replace for the literal string typeof window, replacing it with the literal string "undefined": https://github.com/nitrojs/nitro/blob/3b31e9d73386b01c6e1dd19ece9720819eeda4e4/src/rollup/config.ts#L254. That in turn introduces a syntax error when trying to parse PapaParse's worker blob because the double quotes end up nested incorrectly:

PapaParse/papaparse.js

Line 52 in e3c7b26

return Papa.BLOB_URL || (Papa.BLOB_URL = URL.createObjectURL(new Blob(["var global = (function() { if (typeof self !== 'undefined') { return self; } if (typeof window !== 'undefined') { return window; } if (typeof global !== 'undefined') { return global; } return {}; })(); global.IS_PAPA_WORKER=true; ", '(', code, ')();'], {type: 'text/javascript'})));

.

I'm not sure what the right solution here is... arguably, the bug is in Nitro. They appear to be doing it for performance reasons (nitrojs/nitro@fdb2421).

[adorack]

I filed a bug with Nitro: nitrojs/nitro#3071.

I'm able to work around this issue by applying this config in Nuxt:

  nitro: {
    preset: 'cloudflare-module',
    replace: {
      'typeof window': '`undefined`',
    },
  },