let dom = document.getElementById("container"); // 初始化echarts let myChart = echarts.init(dom);
 // 获取元素
    let dom = document.getElementById("container") as HTMLElement;
    // 初始化echarts
    let myChart = echarts.init(dom);

2、"UserConfig" 是一种类型,在同时启用了 "preserveValueImports" 和 "isolatedModules" 时,必须使用仅类型导入进行导入

import { ConfigEnv, UserConfig } from 'vite'
//修改为以下导入方式
import type { ConfigEnv, UserConfig } from 'vite'

3、Could not find a declaration file for module ‘element-plus‘.

主要原因就是项目中默认开启检验,解决方案2种:1、简单粗暴,关闭检测【1、在tsconfig.json里的compilerOptions加入noImplicitAny: false;2、// @ts-ignore 忽略掉对这个文件的验证;3、生命变量类型为:any】;2、生命变量类型为:any

//新建x.d.ts
declare module 'element-plus/dist/index.full';
declare module 'element-plus/dist/locale/zh-cn.mjs';

4、 Failed to resolve component: el-button

在使用中引入相关插件 import { ElButton } from 'element-plus';

5、 解决ts开发时引入图片报错:“找不到xxx或其相应的类型声明” 的问题

在项目的.d.ts文件中增加下面声明:

declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'

6、Object动态属性设置

 "suppressImplicitAnyIndexErrors":true,

参照:TypeScript 对象类型的属性访问报错 / 给对象动态添加属性报错 - 简书 (jianshu.com)

const handleClick = () => {
//通过ts可选符?来将目标设置为可选,避免出现错误
  document.querySelector("#homeImg")?.scrollIntoView(true);