500 - error caught during app initialization

[SossenSystems]

Hey, cool project and works for me on desktop and on a real iPhone (iOS 17.3). I get this error on my iPhone Simulator (iOS 17.0):

Safari DevTools Console

[Error] [nuxt] error caught during app initialization
TypeError: null is not an object (evaluating 'currentRenderingInstance.isCE')
renderSlot — runtime-core.esm-bundler.js:2952
_sfc_render — Input.vue:18
renderComponentRoot — runtime-core.esm-bundler.js:876
hydrateSubTree — runtime-core.esm-bundler.js:5964
componentUpdateFn — runtime-core.esm-bundler.js:5991
run — reactivity.esm-bundler.js:176
(anonyme Funktion) — runtime-core.esm-bundler.js:6128
setupRenderEffect — runtime-core.esm-bundler.js:6138
mountComponent — runtime-core.esm-bundler.js:5906
hydrateNode — runtime-core.esm-bundler.js:4776
hydrateChildren — runtime-core.esm-bundler.js:4946
hydrateElement — runtime-core.esm-bundler.js:4852
hydrateNode — runtime-core.esm-bundler.js:4757
hydrateChildren — runtime-core.esm-bundler.js:4946
hydrateElement — runtime-core.esm-bundler.js:4852
hydrateNode — runtime-core.esm-bundler.js:4757
hydrateChildren — runtime-core.esm-bundler.js:4946
hydrateElement — runtime-core.esm-bundler.js:4852
hydrateNode — runtime-core.esm-bundler.js:4757
hydrateChildren — runtime-core.esm-bundler.js:4946
hydrateElement — runtime-core.esm-bundler.js:4852
hydrateNode — runtime-core.esm-bundler.js:4757
hydrateChildren — runtime-core.esm-bundler.js:4946
hydrateFragment — runtime-core.esm-bundler.js:4987
hydrateNode — runtime-core.esm-bundler.js:4742
hydrateSubTree — runtime-core.esm-bundler.js:5971
componentUpdateFn — runtime-core.esm-bundler.js:5991
run — reactivity.esm-bundler.js:176
(anonyme Funktion) — runtime-core.esm-bundler.js:6128
setupRenderEffect — runtime-core.esm-bundler.js:6138
mountComponent — runtime-core.esm-bundler.js:5906
hydrateNode — runtime-core.esm-bundler.js:4776
hydrateChildren — runtime-core.esm-bundler.js:4946
hydrateFragment — runtime-core.esm-bundler.js:4987
hydrateNode — runtime-core.esm-bundler.js:4742
hydrateSubTree — runtime-core.esm-bundler.js:5971
componentUpdateFn — runtime-core.esm-bundler.js:5991
run — reactivity.esm-bundler.js:176
(anonyme Funktion) — runtime-core.esm-bundler.js:6128
setupRenderEffect — runtime-core.esm-bundler.js:6138
mountComponent — runtime-core.esm-bundler.js:5906
hydrateNode — runtime-core.esm-bundler.js:4776
hydrateSuspense — runtime-core.esm-bundler.js:1692
hydrateNode — runtime-core.esm-bundler.js:4812
hydrateSubTree — runtime-core.esm-bundler.js:5971
componentUpdateFn — runtime-core.esm-bundler.js:5991
run — reactivity.esm-bundler.js:176
(anonyme Funktion) — runtime-core.esm-bundler.js:6128
setupRenderEffect — runtime-core.esm-bundler.js:6138
mountComponent — runtime-core.esm-bundler.js:5906
hydrateNode — runtime-core.esm-bundler.js:4776
hydrate2 — runtime-core.esm-bundler.js:4638
mount — runtime-core.esm-bundler.js:3928
(anonyme Funktion) — entry.js:55
    (anonyme Funktion) (nuxt.js:98)

package.json

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "dev:ssl": "nuxt dev --https --ssl-cert ssl/localhost.pem --ssl-key ssl/localhost-key.pem",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare",
    "lint:js": "eslint --ext \".ts,.vue\" --ignore-path .gitignore .",
    "lint:prettier": "prettier --check .",
    "lint": "yarn lint:js && yarn lint:prettier",
    "lintfix": "prettier --write --list-different . && yarn lint:js --fix"
  },
  "lint-staged": {
    "*.{ts,vue}": [
      "eslint --fix"
    ]
  },
  "devDependencies": {
    "@formkit/auto-animate": "^0.8.1",
    "@nuxt/devtools": "latest",
    "@nuxt/image": "^1.3.0",
    "@nuxt/ui": "^2.13.0",
    "@nuxtjs/eslint-config-typescript": "^12.1.0",
    "@nuxtjs/google-fonts": "^3.1.1",
    "@nuxtjs/tailwindcss": "^6.10.1",
    "@pinia-plugin-persistedstate/nuxt": "^1.2.0",
    "@pinia/nuxt": "^0.5.1",
    "@types/color-convert": "^2.0.3",
    "@types/tinycolor2": "^1.4.6",
    "@vueuse/nuxt": "^10.7.2",
    "@xpd/tailwind-3dtransforms": "^1.0.3",
    "eslint": "^8.55.0",
    "lint-staged": "^15.2.0",
    "nuxt": "^3.9.3",
    "nuxt-icon": "^0.6.7",
    "prettier": "^3.1.1",
    "sass": "^1.69.5",
    "sass-loader": "^13.3.2",
    "typescript": "^5.3.3",
    "vue": "^3.3.10",
    "vue-router": "^4.2.5"
  },
  "dependencies": {
    "@adyen/adyen-web": "^5.57.0",
    "@adyen/api-library": "^16.0.0",
    "@bobthered/tailwindcss-palette-generator": "^3.2.3",
    "animate.css": "^4.1.1",
    "colord": "^2.9.3",
    "pinia": "^2.1.7",
    "sharp": "^0.33.2",
    "uid": "^2.0.2",
    "v-wave": "^2.0.0",
    "vue-typewriter-effect": "^1.0.1",
    "wow.js": "^1.2.2"
  }
}

Thank you for your support!

[justintaddei]

Thank you for the report. I'll check into this after work today.

[justintaddei]

Are you able to provide your nuxt.config.ts and any inline options passed to v-wave? Also, anything else you are able to share would be very helpful. Thank you.

[justintaddei]

Closing this because I have been unable to recreate the problem. There is no indication in the stack trace that this is caused by v-wave and without more information there is nothing I can do to investigate this further. If you can provide any additional info, such as I listed in my last comment, please reopen this issue.