Vite - Uncaught ReferenceError: parcelRequire is not defined

Hello,

I have the following issue:

I am using Vite.
I try to import a private library which uses parcelRequire.
When I use npm run build it works.
When I use npm run dev it's not working.

Code:

// Load xxxxx framework
import '@xxxxx/frontend.kit-npm/dist/frontend-kit';
import '@xxxx/frontend.kit-npm/dist/frontend-kit.css'

Error ( npm run dev):

Uncaught ReferenceError: parcelRequire is not defined
    at parcelRequire.baseComponent.ts (@xxxxx_frontend__kit-npm_dist_frontend-kit.js?v=74088473:54:25)
    at node_modules/@xxxxx/frontend.kit-npm/dist/frontend-kit.js (@xxxxx_frontend__kit-npm_dist_frontend-kit.js?v=74088473:57:6)
    at __require2 (chunk-7FP5O474.js?v=7f812ae4:10:50)
    at dep:@xxxxx_frontend__kit-npm_dist_frontend-kit:1:16
parcelRequire.baseComponent.ts @ @xxxxx_frontend__kit-npm_dist_frontend-kit.js?v=74088473:54
node_modules/@xxxxx/frontend.kit-npm/dist/frontend-kit.js @ @xxxxx_frontend__kit-npm_dist_frontend-kit.js?v=74088473:57
__require2 @ chunk-7FP5O474.js?v=7f812ae4:10
(anonymous) @ dep:@xxxxx_frontend__kit-npm_dist_frontend-kit:1

The source from the error:

      if (parcelRequire = f, i)

What I found :

It could be something with the module=template? https://github.com/parcel-bundler/parcel/issues/1401

Im searching for a way I can run this, like the npm run build command. (Without console errors.)

Thanks a lot.

Sinnbeck

3 years ago

Level 102

how about if you try adding window.parcelRequire = null to your app.js

Or add this to the vite config

define: {
        global: 'parcelRequire',
    },

Sinnbeck

3 years ago

Best Answer

Level 102

I also found a suggestion to add this to you html manually https://github.com/peers/peerjs/issues/753#issuecomment-1100475811

<script>
    var parcelRequire;
</script>

wardkennes

3 years ago

Level 1

@sinnbeck

I tried all solutions. Still get stuck on the same issue when I use Vite:

Very strange:

https://i.imgur.com/uzg6VVk.png

Please or to participate in this conversation.