Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vue 3 defineProps fail with imported types #9565

Open
Demivan opened this issue Mar 6, 2024 · 0 comments
Open

Vue 3 defineProps fail with imported types #9565

Demivan opened this issue Mar 6, 2024 · 0 comments
Labels

Comments

@Demivan
Copy link

Demivan commented Mar 6, 2024

馃悰 bug report

When using Vue defineProps<Type>() compilation fails when type is imported from a separate file.

<script setup lang="ts">
import type { ExternalProps } from './types';

defineProps<ExternalProps>();
</script>

馃帥 Configuration (.babelrc, package.json, cli command)

Default config

{
  "scripts": {
    "build": "parcel build index.html"
  },
  "devDependencies": {
    "@parcel/transformer-vue": "2.12.0",
    "parcel": "^2.12.0"
  },
  "dependencies": {
    "vue": "^3.4.21"
  }
}

馃 Expected Behavior

Using imported types for defineProps (and other Vue macros) should work.

馃槸 Current Behavior

  Error: [@vue/compiler-sfc] No fs option provided to `compileScript` in non-Node environment. File system access is required for resolving imported types.
  
  /parcel-vue/src/App.vue
  2  |  import type { ExternalProps } from './types';
  3  |  
  4  |  defineProps<ExternalProps>();
     |              ^^^^^^^^^^^^^
  5  |  </script>
  6  |  
      at ScriptCompileContext.error (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:15575:11)
      at importSourceToScope (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18385:16)
      at resolveTypeFromImport (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18374:23)
      at innerResolveTypeReference (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18261:14)
      at resolveTypeReference (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18249:20)
      at innerResolveTypeElements (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17854:24)
      at resolveTypeElements (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17799:20)
      at resolveRuntimePropsFromType (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19324:20)
      at extractRuntimeProps (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19300:17)
      at genRuntimeProps (/parcel-vue/node_modules/.pnpm/@vue+compiler-sfc@3.4.21/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19288:18)

馃拋 Possible Solution

Pass fs configuration to compileScript.

馃敠 Context

馃捇 Code Sample

https://github.com/Demivan/parcel-vue

馃實 Your Environment

Software Version(s)
Parcel 2.12.0
Node 21.6.2
pnpm 8.12.1
Operating System Linux (NixOS)
@mischnic mischnic added the Vue label Apr 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants