一开始就使用ts的项目创建，但是App.jsx似乎无法被识别

需要增加什么依赖吗，发现如果一开始使用ts的创建:
“typescript”: “^4.3.2"会出现在"devDependencies”:里

{
  "name": "demo",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc --noEmit && vite build",
    "serve": "vite preview"
  },
  "dependencies": {
    "vue": "^3.0.5"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^1.3.0",
    "@vitejs/plugin-vue-jsx": "^1.1.7",
    "@vue/compiler-sfc": "^3.0.5",
    "typescript": "^4.3.2",
    "vite": "^2.4.4",
    "vue-tsc": "^0.2.2"
  }
}

而如果一开始就像视频里使用js的创建，之后经过改造成使用ts的话，package.json里的"typescript"是在"dependencies"里出现：

{
“name”: “vite-vue3”,
“version”: “0.0.0”,
“scripts”: {
“dev”: “vite”,
“build”: " tsc --noEmit && vite build",
“serve”: “vite preview”
},
“dependencies”: {
"@postcss-plugins/console": “^0.2.5”,
“typescript”: “^4.3.5”,
“vue”: “^3.0.5”
},
“devDependencies”: {
"@vitejs/plugin-vue": “^1.3.0”,
"@vitejs/plugin-vue-jsx": “^1.1.7”,
"@vue/compiler-sfc": “^3.0.5”,
“vite”: “^2.4.4”
}
}
现在想知道如果一开始就使用ts的创建，怎么使用App.jsx？