Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Fresh nuxt3 project won't run/ error on startup.

See original GitHub issue

Environment

Nuxt CLI v3.0.0-rc.8 14:47:10 RootDir: /Users/mseedorf/Projects/initBug 14:47:13 Nuxt project info: 14:47:13

Operating System: Darwin
Node Version: v18.6.0
Nuxt Version: 3.0.0-rc.8
Package Manager: npm@8.13.2
Builder: vite
User Config: -
Runtime Modules: -
Build Modules: -

Reproduction

I just followed the steps in getting started on the website.

npx nuxi init initBug
cd initBug
npm install
npm run dev
Error is shown

Describe the bug

When i try to start a fresh new project via the nuxi CLI :

npx nuxi init initBug
cd initBug
npm install
npm run dev

It doesnt start the dev server and gives me a weird error. I did not change/add/edit something to the code, so it should just work whatsoever am i right ?

Additional context

No response

Logs

mseedorf@Mitchells-Mac-mini Projects % npx nuxi init initBug
Nuxt CLI v3.0.0-rc.4-27588443.cf25525                                                                                                                                                                      09:52:15
ℹ cloned nuxt/starter#v3 to /Users/mseedorf/Projects/initBug                                                                                                                                               09:52:16
                                                                                                                                                                                                           09:52:16
 ✨ Your astounding Nuxt project is just created! Next steps:

 📁  cd initBug                                                                                                                                                                                            09:52:16

 💿  Install dependencies with npm install or yarn install or pnpm install --shamefully-hoist                                                                                                              09:52:16

 🚀  Start development server with npm run dev or yarn dev or pnpm run dev                                                                                                                                 09:52:16

mseedorf@Mitchells-Mac-mini Projects % cd initBug 
mseedorf@Mitchells-Mac-mini initBug % npm install
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility

added 620 packages, and audited 621 packages in 6s

84 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
mseedorf@Mitchells-Mac-mini initBug % npm run dev

> dev
> nuxt dev

Nuxt CLI v3.0.0-rc.8                                                                                                                                                                                       09:52:39
                                                                                                                                                                                                           09:52:45
  > Local:    http://localhost:3000/ 
  > Network:  http://192.168.59.3:3000/

ℹ Vite client warmed up in 42ms                                                                                                                                                                            09:52:47
ℹ Vite server warmed up in 8ms                                                                                                                                                                             09:52:47

 WARN  [SSR] Error transforming /Users/mseedorf/Projects/initBug/node_modules/nuxt/dist/app/entry: Cannot read properties of undefined (reading 'some')                                                    09:52:47

  at Object.transformInclude (node_modules/nuxt/dist/index.mjs:1181:71)
  at plugin.transform (node_modules/unplugin/dist/index.mjs:1168:46)
  at Object.transform (node_modules/vite/dist/node/chunks/dep-0f13c890.js:35293:53)
  at async loadAndTransform (node_modules/vite/dist/node/chunks/dep-0f13c890.js:39879:29)

✔ Vite server built in 11ms                                                                                                                                                                                09:52:47
✔ Nitro built in 318 ms                                                                                                                                                                              nitro 09:52:47
[nuxt] [request error] [unhandled] [500] _createApp is not a function
  at Object.renderToString (./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:25)  
  at async ./.nuxt/dev/index.mjs:516:21  
  at async ./.nuxt/dev/index.mjs:106:22  
  at async ./node_modules/h3/dist/index.mjs:492:19  
  at async Server.nodeHandler (./node_modules/h3/dist/index.mjs:438:7)
[nuxt] [request error] [unhandled] [500] _createApp is not a function
  at Object.renderToString (./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:25)  
  at async ./.nuxt/dev/index.mjs:516:21  
  at async ./.nuxt/dev/index.mjs:106:22  
  at async ./node_modules/h3/dist/index.mjs:492:19  
  at async Server.nodeHandler (./node_modules/h3/dist/index.mjs:438:7)
[nuxt] [request error] [unhandled] [500] _createApp is not a function
  at Object.renderToString (./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:25)  
  at async ./.nuxt/dev/index.mjs:516:21  
  at async ./.nuxt/dev/index.mjs:106:22  
  at async ./node_modules/h3/dist/index.mjs:492:19  
  at async Server.nodeHandler (./node_modules/h3/dist/index.mjs:438:7)
[nitro] Error while generating error response FetchError: 500  (/__nuxt_error?url=/&statusCode=500&statusMessage=Internal+Server+Error&message=_createApp+is+not+a+function&description=%3Cpre%3E%3Cspan+class=%22stack+internal%22%3Eat+Object.renderToString+(./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:25)%3C/span%3E%0A%3Cspan+class=%22stack%22%3Eat+async+./.nuxt/dev/index.mjs:516:21%3C/span%3E%0A%3Cspan+class=%22stack%22%3Eat+async+./.nuxt/dev/index.mjs:106:22%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+async+./node_modules/h3/dist/index.mjs:492:19%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+async+Server.nodeHandler+(./node_modules/h3/dist/index.mjs:438:7)%3C/span%3E%3C/pre%3E&data)
    at async Object.errorhandler [as onError] (file:///Users/mseedorf/Projects/initBug/.nuxt/dev/index.mjs:354:16)
    at async Server.nodeHandler (file:///Users/mseedorf/Projects/initBug/node_modules/h3/dist/index.mjs:445:9)
[nitro] Error while generating error response FetchError: 500  (/__nuxt_error?url=/&statusCode=500&statusMessage=Internal+Server+Error&message=_createApp+is+not+a+function&description=%3Cpre%3E%3Cspan+class=%22stack+internal%22%3Eat+Object.renderToString+(./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:25)%3C/span%3E%0A%3Cspan+class=%22stack%22%3Eat+async+./.nuxt/dev/index.mjs:516:21%3C/span%3E%0A%3Cspan+class=%22stack%22%3Eat+async+./.nuxt/dev/index.mjs:106:22%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+async+./node_modules/h3/dist/index.mjs:492:19%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+async+Server.nodeHandler+(./node_modules/h3/dist/index.mjs:438:7)%3C/span%3E%3C/pre%3E&data)
    at async Object.errorhandler [as onError] (file:///Users/mseedorf/Projects/initBug/.nuxt/dev/index.mjs:354:16)
    at async Server.nodeHandler (file:///Users/mseedorf/Projects/initBug/node_modules/h3/dist/index.mjs:445:9)
[nitro] Error while generating error response FetchError: 500  (/__nuxt_error?url=/&statusCode=500&statusMessage=Internal+Server+Error&message=_createApp+is+not+a+function&description=%3Cpre%3E%3Cspan+class=%22stack+internal%22%3Eat+Object.renderToString+(./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:25)%3C/span%3E%0A%3Cspan+class=%22stack%22%3Eat+async+./.nuxt/dev/index.mjs:516:21%3C/span%3E%0A%3Cspan+class=%22stack%22%3Eat+async+./.nuxt/dev/index.mjs:106:22%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+async+./node_modules/h3/dist/index.mjs:492:19%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+async+Server.nodeHandler+(./node_modules/h3/dist/index.mjs:438:7)%3C/span%3E%3C/pre%3E&data)
    at async Object.errorhandler [as onError] (file:///Users/mseedorf/Projects/initBug/.nuxt/dev/index.mjs:354:16)
    at async Server.nodeHandler (file:///Users/mseedorf/Projects/initBug/node_modules/h3/dist/index.mjs:445:9)
[nuxt] [request error] [unhandled] [500] _createApp is not a function
  at Object.renderToString (./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:25)  
  at process.processTicksAndRejections (node:internal/process/task_queues:95:5)  
  at async ./.nuxt/dev/index.mjs:516:21  
  at async ./.nuxt/dev/index.mjs:106:22  
  at async ./node_modules/h3/dist/index.mjs:492:19  
  at async Server.nodeHandler (./node_modules/h3/dist/index.mjs:438:7)
[nitro] Error while generating error response FetchError: 500  (/__nuxt_error?url=/&statusCode=500&statusMessage=Internal+Server+Error&message=_createApp+is+not+a+function&description=%3Cpre%3E%3Cspan+class=%22stack+internal%22%3Eat+Object.renderToString+(./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:25)%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+process.processTicksAndRejections+(node:internal/process/task_queues:95:5)%3C/span%3E%0A%3Cspan+class=%22stack%22%3Eat+async+./.nuxt/dev/index.mjs:516:21%3C/span%3E%0A%3Cspan+class=%22stack%22%3Eat+async+./.nuxt/dev/index.mjs:106:22%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+async+./node_modules/h3/dist/index.mjs:492:19%3C/span%3E%0A%3Cspan+class=%22stack+internal%22%3Eat+async+Server.nodeHandler+(./node_modules/h3/dist/index.mjs:438:7)%3C/span%3E%3C/pre%3E&data)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Object.errorhandler [as onError] (file:///Users/mseedorf/Projects/initBug/.nuxt/dev/index.mjs:354:16)
    at async Server.nodeHandler (file:///Users/mseedorf/Projects/initBug/node_modules/h3/dist/index.mjs:445:9)

Issue Analytics

State:
Created a year ago
Reactions:1
Comments:14 (7 by maintainers)

Top GitHub Comments

1reaction

danielroecommented, Aug 15, 2022

@hyp530 Note that we do not yet support PNP. You should ensure that you are using the node-modules linker.

0reactions

danielroecommented, Sep 21, 2022

@steklopod In your case you are overwriting the Nuxt server with this code:

    "build:done": (builder) => {
      const extraFilePath = path.join(
        builder.nuxt.options.buildDir + "/dist/server",
        "server.mjs"
      );
      fs.writeFileSync(extraFilePath, "export {};");
    },

That file is needed in development.

I’m closing this issue as I can’t reproduce with the original reproduction