[vite-node] [ERR_LOAD_URL] ..vue error in dev mode (Docker only) #20446

daniluk4000 · 2023-04-22T15:31:07Z

Environment

Operating System: Linux
Node Version: v18.15.0
Nuxt Version: 3.4.2
Nitro Version: 2.3.3
Package Manager: yarn@1.22.19
Builder: vite
User Config: -
Runtime Modules: -
Build Modules: -

Reproduction

https://github.com/daniluk4000/nuxt-3.4.2-docker-error

Please read Readme.md in this repo before you launch it.

Describe the bug

The only thing I did - executed nuxi upgrade to upgrade from 3.4.1 to 3.4.2, then I've started to face this error when I launch project (dev mode only)

I've tried to clear .nuxt folders and do clean startup, but had no success.

Reproduction repo is simply "npx nuxi@latest init" with a bit of changes for Dockerization.

Additional context

I wasn't able to reproduce this error outside of Docker environment.

Workaround

Change WORKDIR from /app to any random folder, ex. /frontend

outluch · 2023-04-22T23:24:02Z

What a coincidence. Just 3 hrs ago tried to run nuxt3 development in docker and see exact same error. Still fighting...

outluch · 2023-04-22T23:58:46Z

Ok, I managed to run it in docker by downgrading nuxt to 4.3.1 version in package.json.
So, bug is somehow related to latest bump to Vite 4.3 I guess.. https://github.com/nuxt/nuxt/releases/tag/v3.4.2

daniluk4000 · 2023-04-24T10:09:41Z

@danielroe can you & team please take a look at this and include fix in v3.4.3 if possible 🙏

This is upgrade blocker for teams who use docker

AwesomeAnders · 2023-04-25T08:12:37Z

I'm also running a docker setup and been getting a bunch of these errors after upgrading nuxt. It happens seemingly spontaneous on page refreshes. Maybe it's related?

danielroe · 2023-04-25T14:43:14Z

cc: @antfu

エラーが出るため暫定対策 nuxt/nuxt#20446 [vite-node] [ERR_LOAD_URL] ..vue error in dev mode

tebaly · 2023-05-01T14:26:07Z

  "devDependencies": {
    ...
    "nuxt": "~3.3.2"
  }

use --force option (ignore vite cache)

yarn dev --force

daniluk4000 · 2023-05-02T11:19:26Z

@antfu Can you please take a look at this? This is a blocker for updating Nuxt.

antfu · 2023-05-02T11:38:54Z

I am not familiar with Docker, and I need sometime to set it up

daniluk4000 · 2023-05-02T11:39:51Z

I am not familiar with Docker, and I need sometime to set it up

Ah. Is there any way I can help with debugging? This error is super not informative.

daniluk4000 · 2023-05-02T12:26:12Z

The bug is: on defaultTemplates resolve in generateApp it inserts export { default } from "/app/app.vue";, where /app is Docker workdir.

But when I try to import it, Vite fails, it works fine without Docker and breaks inside. File does exist in filesystem.

I don't think I can go much deeper, I think there is a bug in resolving somewhere inside...

daniluk4000 · 2023-05-02T18:05:34Z

Well, I decided to go deep.

Found a workaround: change /app to any random folder (ex. /frontend) in Dockerfile WORKDIR e.t.c.

Something is going on with /app/app.vue path...

daniluk4000 · 2023-05-02T19:30:57Z

I've spent hours on this and I give up (at least for today).

My conclusion: it looks so much like Vite 3.4.0 bug. I downgraded vite-node version and it worked just fine, also my other project on Nuxt 3.4.1 uses same vite-node version.

I have reviewed all Nuxt 3.4.2. diff and didn't find anything.

I have also downgraded Vite version to 4.2.2, removed some not compatible code and it worked just fine without any errors.

If I will be able to reproduce this in pure vite environment, I'll report an issue to them and close this. Would appreciate help with this since I dont't know the internals well...

daniluk4000 · 2023-05-03T19:03:19Z

Wasn't able to reproduce this in pure Vite without Nuxt.

Maybe Vite 4.3.2 somehow broke something how Nuxt uses Vite. I'll leave this issue to you guys as we have workaround for upgrading to Nuxt now.

vwnd · 2023-05-19T22:02:37Z

Well, I decided to go deep.

Found a workaround: change /app to any random folder (e.g. /frontend) in Dockerfile WORKDIR e.t.c.

Something is going on with /app/app.vue path...

Solved for me. Very weird.

nrueckmann · 2023-05-30T13:46:59Z

Still happening in
Nuxi 3.5.2
Nuxt 3.5.2
Nitro 2.4.1

zejefferson · 2023-06-05T11:15:38Z

Same error for me in a node:18 docker container with a fresh install with Nuxt 3.5.2 and using /app as the WORKDIR.

Using any other folder than /app as the WORKDIR "solves" it.

fredevery · 2023-06-09T21:42:08Z

Same error for me in a node:18 docker container with a fresh install with Nuxt 3.5.2 and using /app as the WORKDIR.

Using any other folder than /app as the WORKDIR "solves" it.

How did you figure that out? Totally fixed my issue.

zejefferson · 2023-06-09T21:57:59Z

Same error for me in a node:18 docker container with a fresh install with Nuxt 3.5.2 and using /app as the WORKDIR.
Using any other folder than /app as the WORKDIR "solves" it.

How did you figure that out? Totally fixed my issue.

I didn't, daniluk4000 did and shared it earlier in the thread. :)

daniluk4000 · 2023-06-10T15:32:47Z

Same error for me in a node:18 docker container with a fresh install with Nuxt 3.5.2 and using /app as the WORKDIR.
Using any other folder than /app as the WORKDIR "solves" it.

How did you figure that out? Totally fixed my issue.

Well if you're curious... First I've tried to find problem in Nuxt, debugged it and found out the problem is somewhere inside "import" and Nuxt seems to do everything correctly. Then, I've tried to debug vite-node and figured out the problem is somewhere inside Vite.

During debug, I saw that /app/app.vue is being replaced to /app.vue somewhere inside Vite. I thought it can't be just coindidence and changed /app to /frontend. When it worked on both hello world and my real project, I've stopped debugging (except for pure Vite check) and posted workaround here.

Sadly, I don't have time & expertise to debug Vite with Nuxt configuration. My best guess is something in Nuxt's Vite configuration got broken after Vite 4.3.0 (probably on Vite side), but I couldn't go much far.

MrCheater · 2023-06-27T11:10:29Z

+1

makakken · 2023-06-28T09:20:50Z

+1

just-maik · 2023-06-29T08:51:03Z

+1 using Docker on Kubernetes having the same issue. Moving from /app to /nuxt worked for me.

Ref. nuxt/nuxt#20446

nuxt/nuxt#20446

Sascha-Block · 2023-08-26T08:56:15Z

I'm having the same issue right now.

├── @invictus.codes/nuxt-vuetify@0.3.0
├── @nuxt/devtools@0.7.0
├── @types/node@18.16.19
├── nuxt@3.6.5
└── nuxt3@3.7.1-28216789.9013f88e

My sources are public: https://github.com/rock-the-prototype/nuxt-the-prototype/

The error occurred only after today's changes.

Does't this look like a problem that could indicate a collision between Vite and Vuetify? So it could be that there is an incompatibility or conflict between the versions of Vite, Vuetify, or Nuxt. It is possible that one of the dependencies is not resolved properly or that there is difficulty integrating the different build tools.

fix: remove duplicate nuxt version

gnuion · 2023-08-29T19:47:23Z

Well, I decided to go deep.

Found a workaround: change /app to any random folder (ex. /frontend) in Dockerfile WORKDIR e.t.c.

Something is going on with /app/app.vue path...

Thank you! Looks to be a nuxt bug. Finally running nuxt inside podman inside code-server inside kubernetes inside alpine os virtual machine inside windows 10

danielroe · 2023-10-22T07:59:46Z

this will be resolved in vite v5.

wrode · 2024-01-24T14:35:56Z

Currently getting this issue after running npx nuxi@latest init

etherphis · 2024-02-21T00:52:38Z

  "devDependencies": {
    ...
    "nuxt": "~3.3.2"
  }
use --force option (ignore vite cache)

yarn dev --force

I changed from ^3.10.2 to ~3.3.2

appreciate it that u gave me this nuxt version it fixed this issue for me.

AleksandrCherednichenko-developer · 2024-03-11T07:16:41Z

@wrode The same thing is happening with my nuxt project, I have been trying to overcome this problem for the second day. I've seen comments that this is solved by upgrading the nuxt version to newer ones, but in my case it doesn't work. Please let us know if you find a solution

daniluk4000 added 3.x pending triage labels Apr 22, 2023

harusame0616 added a commit to harusame0616/nuxt-aws-apprunner that referenced this issue Apr 29, 2023

nuxt のバージョンを3.4.1にダウングレード

8db2cd5

エラーが出るため暫定対策 nuxt/nuxt#20446 [vite-node] [ERR_LOAD_URL] ..vue error in dev mode

antfu self-assigned this May 2, 2023

quintusl added a commit to scj2000/scj2000-web-v2 that referenced this issue Jun 30, 2023

Work around nuxt error by changing docker work dir.

b923143

Ref. nuxt/nuxt#20446

mieze018 added a commit to mieze018/RailsAPI-Tutorial that referenced this issue Jul 14, 2023

Nuxtが500エラーになるのの対策

6a30208

nuxt/nuxt#20446

Sascha-Block referenced this issue in rock-the-prototype/nuxt-the-prototype Aug 26, 2023

Merge pull request #1 from danielroe/fix/remove-duplicate

6d4cbfe

fix: remove duplicate nuxt version

danielroe added workaround available bug and removed pending triage labels Aug 29, 2023

danielroe added the vite label Aug 30, 2023 — with Volta.net

This was referenced Aug 30, 2023

fix(vite-node): check more precisely for root/base paths vitest-dev/vitest#4049

Merged

fix(vite): precisely check if files are in dirs vitejs/vite#14241

Merged

danielroe self-assigned this Aug 30, 2023

danielroe closed this as completed Oct 22, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[vite-node] [ERR_LOAD_URL] ..vue error in dev mode (Docker only) #20446

[vite-node] [ERR_LOAD_URL] ..vue error in dev mode (Docker only) #20446

daniluk4000 commented Apr 22, 2023 •

edited

outluch commented Apr 22, 2023

outluch commented Apr 22, 2023

daniluk4000 commented Apr 24, 2023

AwesomeAnders commented Apr 25, 2023

danielroe commented Apr 25, 2023

tebaly commented May 1, 2023

daniluk4000 commented May 2, 2023

antfu commented May 2, 2023

daniluk4000 commented May 2, 2023

daniluk4000 commented May 2, 2023 •

edited

daniluk4000 commented May 2, 2023 •

edited

daniluk4000 commented May 2, 2023 •

edited

daniluk4000 commented May 3, 2023

vwnd commented May 19, 2023

nrueckmann commented May 30, 2023

zejefferson commented Jun 5, 2023 •

edited

fredevery commented Jun 9, 2023

zejefferson commented Jun 9, 2023

daniluk4000 commented Jun 10, 2023

MrCheater commented Jun 27, 2023

makakken commented Jun 28, 2023

just-maik commented Jun 29, 2023

Sascha-Block commented Aug 26, 2023 •

edited

gnuion commented Aug 29, 2023

danielroe commented Oct 22, 2023

wrode commented Jan 24, 2024

etherphis commented Feb 21, 2024

AleksandrCherednichenko-developer commented Mar 11, 2024

[vite-node] [ERR_LOAD_URL] ..vue error in dev mode (Docker only) #20446

[vite-node] [ERR_LOAD_URL] ..vue error in dev mode (Docker only) #20446

Comments

daniluk4000 commented Apr 22, 2023 • edited

Environment

Reproduction

Describe the bug

Additional context

Workaround

outluch commented Apr 22, 2023

outluch commented Apr 22, 2023

daniluk4000 commented Apr 24, 2023

AwesomeAnders commented Apr 25, 2023

danielroe commented Apr 25, 2023

tebaly commented May 1, 2023

daniluk4000 commented May 2, 2023

antfu commented May 2, 2023

daniluk4000 commented May 2, 2023

daniluk4000 commented May 2, 2023 • edited

daniluk4000 commented May 2, 2023 • edited

daniluk4000 commented May 2, 2023 • edited

daniluk4000 commented May 3, 2023

vwnd commented May 19, 2023

nrueckmann commented May 30, 2023

zejefferson commented Jun 5, 2023 • edited

fredevery commented Jun 9, 2023

zejefferson commented Jun 9, 2023

daniluk4000 commented Jun 10, 2023

MrCheater commented Jun 27, 2023

makakken commented Jun 28, 2023

just-maik commented Jun 29, 2023

Sascha-Block commented Aug 26, 2023 • edited

gnuion commented Aug 29, 2023

danielroe commented Oct 22, 2023

wrode commented Jan 24, 2024

etherphis commented Feb 21, 2024

AleksandrCherednichenko-developer commented Mar 11, 2024

daniluk4000 commented Apr 22, 2023 •

edited

daniluk4000 commented May 2, 2023 •

edited

daniluk4000 commented May 2, 2023 •

edited

daniluk4000 commented May 2, 2023 •

edited

zejefferson commented Jun 5, 2023 •

edited

Sascha-Block commented Aug 26, 2023 •

edited