Skip to content

[@vitejs/plugin-vue-jsx] importing vue sfc with jsx does not work if custom queries added #23

@dotoleeoak

Description

@dotoleeoak

Describe the bug

In Nuxt 3, custom queries are added to id when importing files under pages directory, such as
/pages/index.vue?vue&type=script&lang.jsx&macro=true (in this case, macro=true)
In this case, vue jsx plugin does not acknowledge the context and throws an error.

More info: nuxt/nuxt#13435
Probably related to PR vitejs/vite#7121

Reproduction

https://stackblitz.com/edit/vitejs-vite-uo2vwz

System Info

System:
  OS: Linux 5.16 Ubuntu 20.04.4 LTS (Focal Fossa)
  CPU: (16) x64 AMD EPYC 7B13
  Memory: 33.38 GB / 62.80 GB
  Container: Yes
  Shell: 5.0.17 - /bin/bash
Binaries:
  Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
  Yarn: 3.2.1 - ~/.nvm/versions/node/v16.15.0/bin/yarn
  npm: 8.5.5 - ~/.nvm/versions/node/v16.15.0/bin/npm

Used Package Manager

yarn

Logs

ERROR  Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension.


 WARN   [SSR] Error transforming /pagess/index.vue?vue&type=script&setup=true&lang.jsx&macro=true: Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension.

   at formatError (node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38663:46)
   at TransformContext.error (node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38659:19)
   at TransformContext.transform (node_modules/vite/dist/node/chunks/dep-59dc6e00.js:56777:22)
   at async Object.transform (node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38900:30)
   at async doTransform (node_modules/vite/dist/node/chunks/dep-59dc6e00.js:55857:29)

Validations

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions