TypeScript 使用问题记录

设置 alias ,vscode 会有报错提示,vetur 插件的问题。

解决方式:
项目作为根目录不会有该问题。
或者改为使用 volar 插件

引入第三方的js库,不支持ts类型:

解决方式:

  • 尝试安装 @types/js库名,如果有,直接安装了就不会报错了。
  • 手写类型声明文件。

例如:
安装 jsencrypt ,引入之后报错:
Could not find a declaration file for module 'jsencrypt'. '/Users/sia/djwork/dd-inpass-psw/node_modules/jsencrypt/bin/jsencrypt.js' implicitly has an 'any' type.
Try npm install @types/jsencrypt if it exists or add a new declaration (.d.ts) file containing declare module 'jsencrypt';

vant3 less变量无法覆盖

vant3如果使用ts-import-plugin,会出现无法覆盖less变量的情况,建议还是使用 babel-import-plugin。

webpack require.context 无法使用 , 使用 process.env.xx 报错

安装依赖
npm i @types/webpack-env @types/node -D

如何定义 vue 组件 props 的类型

使用 PropType

import { PropType } from 'vue'
type FormItemConfig = {
    ...
}
someProp: {
    typeObject as PropType<FormItemConfig>
}

setup 获取 props 的值失败

指定 props 的类型

setup (props: FormProp, context){}

忽略 node_modules 里面的检查

首先设置 exclude :

"exclude": [
    "node_modules/**",
  ]

如果无效,再设置 compilerOptions :

"compilerOptions" : {
    ....,
    "skipLibCheck": true,
}
posted @   下小朋友  阅读(681)  评论(1编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示