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.