500 ambiguous indirect export: PropType

[rvaneijk]

Dear Jacob,

I started getting the error '500 ambiguous indirect export: PropType' in the web browser in dev mode 'npm run dev'. I digged a bit into where to look, and from what I understand it is caused by either Tab.vue or Tabs.vue. Both use PropType.

Npm run generate produces a static file that works. It would be great to use development mode as well.

Any tips where I should look to drill down to solve the error? Any help much appreciated.

Context:
I am using node lts/iron v20.10.0, nuxt 3.8.2, and 3.3.9.

This is my package.json:
{
"name": "nuxt-app",
"private": true,
"scripts": {
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview"
},
"devDependencies": {
"@nuxt/devtools": "^1.0.3",
"@types/node": "^20.10.0",
"autoprefixer": "^10.4.16",
"nuxt": "^3.8.2",
"postcss": "^8.4.31",
"tailwindcss": "^3.3.5",
"vue-loader": "^17.3.1",
"vue-tsc": "^1.8.22"
},
"peerDependencies": {
"vue": "^3.3.9"
},
"dependencies": {
"tw-elements": "^1.0.0",
"vue3-tabs-component": "^1.3.7"
}
}

[rvaneijk]

The message in Chrome is: The requested module '/_nuxt/node_modules/.cache/vite/client/deps/vue.js?v=0697d83e' does not provide an export named 'PropType', or The requested module '/_nuxt/node_modules/.cache/vite/client/deps/vue.js?v=6ce95f8d' does not provide an export named 'PropType'.

[rvaneijk]

my minimal working example:

<template>
  <div id="tabular">
    <div class="container mx-auto px-4">
      <div class="flex flex-wrap">
        <div class="w-full px-2">
          <keep-alive>
            <tabs ref="testTabs" :options="{ defaultTabHash: 'popular' }">
              <tab id="committees" tab name="Committees">
                <ul>
                  <li class="mb-2">
                    <span class="text-red-600 font-semibold">2024 (1)</span>
                  </li>
                </ul>
              </tab>
            </tabs>
          </keep-alive>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Tabs from "/components/Tabs.vue";
import Tab from "/components/Tab.vue";

export default {
  components: {
    Tabs,
    Tab
  }
};
</script>

[Jacobs63]

Hello,

this seems to be an issue with Nuxt - perhaps this issue could help?

The package does not import PropType from vue anywhere, this happens only after compilation. PropType is by-default exported by vue as a type.

[Jacobs63]

Closing due to inactivity.