"js emit is not support" on just created project

[luckylooke]

Hi, I am trying to emit ts definitions by just removing --noEmit from command in newly scaffolded vue project.
Steps to reproduce:

% npm init vue@latest
Need to install the following packages:
  create-vue@latest
Ok to proceed? (y) 

Vue.js - The Progressive JavaScript Framework

✔ Project name: … vue-project
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit Testing? … No / Yes
✔ Add Cypress for End-to-End testing? … No / Yes
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes

Scaffolding project in /Users/laky/Projects/vue-project...

Done. Now run:

  cd vue-project
  npm install
  npm run lint
  npm run dev

laky@Ctibors-MacBook-Pro.local /Users/laky/Projects 
% cd vue-project
  npm install
  npm run lint
  npm run dev

added 319 packages, and audited 320 packages in 2m

66 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

> vue-project@0.0.0 lint
> eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore


> vue-project@0.0.0 dev
> vite


  vite v2.9.12 dev server running at:

  > Local: http://localhost:3000/
  > Network: use `--host` to expose

  ready in 473ms.

now I stopped dev server by Ctrl+C and removed --noEmit from type-check npm script command
then run type-check script

% npm run type-check

> vue-project@0.0.0 type-check
> vue-tsc -p tsconfig.vitest.json --composite false

js emit is not support

/Users/laky/Projects/vue-project/node_modules/vue-tsc/out/proxy.js:97
    throw msg;
    ^
js emit is not support
(Use `node --trace-uncaught ...` to show where the exception was thrown)

Thanks for any advise 🙏

[LinusBorg]

Well, as the error states, vue-tsc can't emit javascript , so you need to use --noEmit for only typechecking, or --emitDeclarationOnly for emitting just types.

vue-tsc -p tsconfig.vitest.json --composite false --declaration --emitDeclarationOnly

[luckylooke]

Thanks,
I have tried to replace --noEmit by --emitDeclarationOnly and got next error

$ vue-tsc --emitDeclarationOnly -p tsconfig.vitest.json --composite false
error TS5069: Option 'emitDeclarationOnly' cannot be specified without specifying option 'declaration' or option 'composite'.

so I added --declaration true
and got this:

$ vue-tsc --emitDeclarationOnly -p tsconfig.vitest.json --composite false --declaration true
error TS5055: Cannot write file '/Users/laky/Projects/vue-project/src/App.vue.d.ts' because it would overwrite input file.

error TS5055: Cannot write file '/Users/laky/Projects/vue-project/src/components/HelloWorld.vue.d.ts' because it would overwrite input file.

error TS5055: Cannot write file '/Users/laky/Projects/vue-project/src/components/TheWelcome.vue.d.ts' because it would overwrite input file.

etc.. for each vue file

input files are without ".d", so what overwrite? 🤷

[LinusBorg]

No idea. Usually i would define an output directory to put the types in. It's not a good idea to place them next to their source files.

[luckylooke]

True, when I specify declarationDir I successfully generated types into dist folder, thank you for your support 🙏