Vite optimized dependencies changed and reloading many times

[whitedwarf2000]

Hello everyone,

I'm encountering an issue when trying to start my monorepo project using the package manager pnpm.
Surprisingly, Vite repeatedly refreshes due to changes in optimized dependencies, as depicted in the attached screenshot below:

I've attempted various solutions, including:

• Executing the command pnpm vite --force
• Adding lodash (and some other libraries that I suspected might be causing the frequent reloads) to optimizeDeps.include (I also tried the exclude option, but the problem persisted).
• Follow some advice from the relevant thread: Glob support in optimizeDeps.include #5419

Unfortunately, none of these methods have resolved the issue. Would anyone be able to provide some guidance on this matter?

Thank you.

My system:

• vite: 4.4.9
• pnpm: 8.9.2
• os: macOS Ventura 13.5

My vite.config.ts:

[sadn1ck]

Hmm, if possible try switching to lodash-es and even then if it persists try adding lodash-es to optimizeDeps.exclude

[whitedwarf2000]

Hi @sadn1ck , thanks for answering,

My project was using lodash/fp (more than 4k lines of code), so replacing lodash/fp with lodash-es was unable to do at the moment. I workaround by changing the package.json (without changing vite.config.ts ) like this:

Before:

After:

then, I ran pnpm install and pnpm vite --force again, and this is the result:

It seems vite can't find the direct path to node_modules even though I can navigate inside my IDE
Do you have any ideas?

[sadn1ck]

Can you share a minimal reproduction?

Can you confirm if you can have lodash/fp in package.json deps? I think you cannot (have the / when package name is not scoped)

• try changing lodash/fp to lodash-fp in package.json (also types)
• run an npm i
• change import to import {get} from 'lodash-fp' since AFAIK you can do a named import from lodash-es

[whitedwarf2000]

Hi, I attempted the following steps to address the issue above:

• ran pnpm store prune (to removes unreferenced packages from the store)
• removed node_modules (outside package and monorepo packages)
• ran pnpm install --shamefully-hoist (creates a flat node_modules structure)
• ran pnpm vite --force (start my application)

Following these steps seemed to resolve the issue (though I can't confirm with absolute certainty now). I share these steps hoping they assist others facing a similar problem.

[dan-wellman-cs]

I don't think this is specific to a particular framework/library/setup/platform.

We recently upgraded to Vite 5.4.11 (no other changes) in a large Vue3 app and started seeing this issue also. We see messages about Lodash as well, but also other 3rd-party libs like AG-Grid, Vue-multiselect, and fuse.js.

It's incredibly annoying, and happens frequently during development locally. Can't the reloading be disabled somehow?