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);