Viteはvue3プロジェクトを作成し、typescriptを使用します

1.vue3プロジェクトにはviteツールを使用することをお勧めします

// 安装全局的vite 创建项目
npm install -g create-vite-app
create-vite-app vue3-demo
cd vue3-vite
npm install
npm run dev
// # 或者使用yarn
yarn add -g create-vite-app
yarn create vite-app <project-name>


//使用 yarn
yarn
yarn dev
//然后启动项目

2.npmインストールタイプスクリプト

yarn add typescript -D

3.tsconfig.jsonを初期化します

npx tsc --init

4.main.jsをmain.tsに変更します

同時に、index.htmlのsrcアドレスを同期的に変更する必要があります

<script type="module" src="/src/main.ts"></script>

再起動後にプロジェクトがエラーを報告したことがわかりました

main.tsが見つかります

App.vueからアプリをインポートします

会报错：モジュール './App.vue'またはそれに対応する型宣言が見つかりません。

解決する：

shim.d.tsファイルを手動で作成し、次のコンテンツを追加して、プロジェクトを再起動します

declare module "*.vue" {
    
    
  import {
    
     Component } from "vue";
  const component: Component;
  export default component;
}