相关文章推荐
慷慨大方的皮带  ·  vue3+ts:shims-vue.d.ts·  1 周前    · 
叛逆的山楂  ·  调试 JavaScript 或 ...·  1 周前    · 
豪爽的烤面包  ·  MacBook Pro ...·  8 月前    · 
开心的机器人  ·  cimoc ...·  1 年前    · 
喝醉的镜子  ·  java printf long型-掘金·  1 年前    · 
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);