nuxt: ERROR Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper"

Environment

Operating System: Windows_NT
Node Version: v20.10.0
Nuxt Version: 3.10.3
CLI Version: 3.10.1
Nitro Version: 2.8.1
Package Manager: npm@10.2.3
Builder: -
User Config: devtools
Runtime Modules: -
Build Modules: -

Reproduction

npx nuxi@latest init test

(options npm and yes for github)

cd test npm run dev

Describe the bug

500 [vite-node] [plugin:nuxt:components:imports] [VITE_ERROR] plugin-vue:export-helper

export default (sfc, props) => { const target = sfc.__vccOpts || sfc; for (const [key, val] of props) { target[key] = val; } return target; }

at plugin-vue:export-helper

Additional context

No response

Logs

c:\project\test>npm run dev

> dev
> nuxt dev

Nuxt 3.10.3 with Nitro 2.8.1                                                                                8:06:34 PM
                                                                                                            8:06:34 PM
  ➜ Local:    http://localhost:3000/
  ➜ Network:  use --host to expose

  ➜ DevTools: press Shift + Alt + D in the browser (v1.0.8)                                                 8:06:38 PM


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper"


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x2)


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x3)


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x4)


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x5)


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x6)


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x7)


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x8)


[8:06:40 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x9)


[8:06:41 PM]  ERROR  Pre-transform error: path should be a path.relative()d string, but got "c:/project/test/plugin-vue:export-helper" (x10)

i Vite server warmed up in 1565ms                                                                           8:06:41 PM
i Vite client warmed up in 1984ms                                                                           8:06:42 PM
√ Nitro built in 677 ms                                                                               nitro 8:06:42 PM

About this issue

Original URL
State: open
Created 4 months ago
Comments: 21 (1 by maintainers)

Most upvoted comments

I found that it happens when “npm run dev” is run from windows cmd terminal. Running from windows powershell works ok.

webcodepl on Mar 14, 2024

If you set devtools to false, it will remove the error…
export default defineNuxtConfig({
  devtools: { enabled: false }
});

Unfortunately, it does not work for me. but Thanks anyway.

jerell2isekai on Mar 5, 2024

Run ‘npm run dev’ or ‘yarn dev’ from terminal in your IDE. Not in windows/cmder terminal

devjkuna on Feb 28, 2024

Would you be able to provide a reproduction? 🙏

More info

I’ve wrote how to reproduce.

npx nuxi@latest init test

# (options npm and yes for github)

cd test
npm run dev

I’ve tried with an empty project and I’ve got the error.

Chitzi on Feb 27, 2024

Found the culprit

Use Capital for drive letter "C:" "D:" If you use "c:" or "d:" it won’t work

hdqbasith on Apr 8, 2024

None of the solution above worked for me within vscode addon. If i run it manually i get no error, but if i click the vscodee ionic plugin to run it, i get the error. I tried both powersheel and cmd settings in vscode.

HijackHornet on Apr 7, 2024

In my case

Check Task Manager There are some programs running under “Terminal”

OpenConsole.exe
cmd.exe
WindowsTerminal.exe

If “npm run dev” is called from cmd.exe it will not produce error.

Solution: Change Terminal setting (Ctrl+,) - Startup - Default terminal application - Let Windows Decide or Windows Console Host

Don’t use Windows Terminal

hdqbasith on Apr 2, 2024

It seems that if the devtools are on C: and the Project is on D: the error occurs.

After some testing I found out that path.relative("D:/some/path", "C:/some/path") just returns C:/some/path. The function gets used here: https://github.com/nuxt/nuxt/blob/a3b0b112245a96c0d3e9485ce6c0c74bbf89c497/packages/kit/src/ignore.ts#L24-L28 which causes an exception with in the ignores package nuxt._ignore.ignores(relativePath)

I am not sure why the nuxt devtools need something from C: C:/Users/user/AppData/Roaming/npm/node_modules/@nuxt/devtools/

I removed the folder and tried to install the dev-tools again, which completely fails now 😅

Marcoru97 on Mar 29, 2024

In my case, the problem was solved by running the node as an administrator

Kalinjuk on Feb 28, 2024