Vue3+TS硅谷甄选项目（二、项目初始化）

项目初始化

1. 新建文件夹my_guiGuZhenXuan
2. 在该文件夹下创建vue3+ts的项目（全局安装pnpm命令）

npm i -g pnpm

//初始化项目
pnpm create vite

//安装依赖
pnpm i

//运行项目
pnpm run dev

问题：

1. main.ts中提示，"找不到模块vue，你的意思是将modeResolution设置为node，还是XXX"

解决方法：在ts.config.json中modeResolution选项改为“node”

2. tsconfig.app.json提示 没有node模块解析策略XXX

解决方法：在tsconfig.app.json中添加以下代码

{
    "compilerOptions": {
        "moduleResolution": "node",
    }
}

3. main.ts中提示：找不到模块“./App.vue”或其响应的类型声明

在vite-env.d.ts中写入以下代码

declare module "*.vue" {
    import type { DefineComponent } from "vue"; 
    const vueComponent: DefineComponent<{}, {}, any>; 
    export default vueComponent;
}

4. tsconfig.app.json提示：无法在不指定选项incremental或选项的情况下指定XXX

解决方法：在文件tsconfig.app.json中添加以下代码

{
    "compilerOptions": {
        "incremental": true,
    }
}

5.  tsconfig.app.json提示：未知的编译器选项"noUncheckedSideEffectImports"

解决方法：将其删除

6. tsconfig.node.json提示找不到全局类型Array

解决方法：在该文件中的lib的es选项改写为ESNext

"lib": [
      "DOM",
      "ESNext"
],