getting Pouchdb working under Vite?

[baradhili]

Hi All,
getting pouchdb to run seems to be tough under Vu3/Vite

So far:..
shimmed global in index.html - <script>window.global = window</script>
running into
Uncaught Error: Module "events" has been externalized for browser compatibility and cannot be accessed in client code.

Tried pulling events in via rollup-plugin-node-polyfills in vite.config.js but had no effect (I might have done it wrong though)

Anyone managed to get this working?

Thanks

[baradhili]

ok obscure...

fix was as per the end comment in pouchdb/pouchdb#8130

It was solved by setting

{
    optimizeDeps: {
        allowNodeBuiltins: ['pouchdb-browser', 'pouchdb-utils']
    }
}

in the rollup config along with
yarn add events.

[JGabrielGruber]

May God bless you, my friend!

[RobertoOrtis]

I am working with svelteKit and it has been impossible to make pouchdb work with it.

I get the following errors:

ReferenceError: require is not defined
    at /node_modules/immediate/lib/index.js?v=b988e931:2:13
    at instantiateModule (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69030:166)
TypeError: Line must be greater than or equal to 1, got 0
    at BasicSourceMapConsumer.SourceMapConsumer_findMapping [as _findMapping] (/Projects/svelteKit/TG-app-001/node_module
s/vite/dist/node/chunks/dep-66eb515d.js:67907:13)
    at BasicSourceMapConsumer.SourceMapConsumer_originalPositionFor [as originalPositionFor] (//Projects/svelteKit/TG-app-
001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:67976:22)
    at /Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:68936:34
    at String.replace (<anonymous>)
    at /Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:68926:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:68925:10)
    at Object.ssrFixStacktrace (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69181:2
7)
    at Object.get_stack (file:///Projects/svelteKit/TG-app-001/node_modules/@sveltejs/kit/dist/chunks/index2.js:3367:19)
    at respond (file://Projects/svelteKit/TG-app-001/node_modules/@sveltejs/kit/dist/ssr.js:2358:33)
1:23:21 AM [vite] Error when evaluating SSR module /node_modules/vuvuzela/index.js?v=b988e931:
ReferenceError: exports is not defined
    at /node_modules/vuvuzela/index.js?v=b988e931:8:1
    at instantiateModule (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69030:166)
1:23:21 AM [vite] Error when evaluating SSR module /node_modules/spark-md5/spark-md5.js?v=b988e931:
ReferenceError: self is not defined
    at /node_modules/spark-md5/spark-md5.js?v=b988e931:15:13
    at /node_modules/spark-md5/spark-md5.js?v=b988e931:20:2
    at instantiateModule (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69030:166)
1:23:21 AM [vite] Error when evaluating SSR module /node_modules/inherits/inherits_browser.js?v=b988e931:
ReferenceError: module is not defined
    at /node_modules/inherits/inherits_browser.js?v=b988e931:3:3
    at instantiateModule (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69030:166)
1:23:21 AM [vite] Error when evaluating SSR module /node_modules/argsarray/index.js?v=b988e931:
ReferenceError: module is not defined
    at /node_modules/argsarray/index.js?v=b988e931:3:1
    at instantiateModule (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69030:166)
1:23:21 AM [vite] ✨ dependencies updated, reloading page...

After applying thew above solution, I am getting the following:

1:31:17 AM [vite] Error when evaluating SSR module /Projects/svelteKit/TG-app-001/src/routes/index.svelte:
ReferenceError: self is not defined
    at Object.<anonymous> (/Projects/svelteKit/TG-app-001/node_modules/pouchdb-browser/lib/index.js:1031:24)
    at Module._compile (node:internal/modules/cjs/loader:1108:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
    at Module.load (node:internal/modules/cjs/loader:973:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (node:internal/modules/cjs/helpers:92:18)
    at nodeRequire (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69044:17)
    at ssrImport (/Projects/svelteKit/TG-app-001/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69002:20)
    at eval (Projects/svelteKit/TG-app-001/src/routes/index.svelte:7:31)

[kingraphaii]

did you find a solution here?