vue+typescript vue类型报错

保错,不影响编译,但是编写代码的时候看着太难受了,

 

 网上查询到好多 方法,相对于我的问题下面的 解决方法不管用;

发现了一个细节,ts 报错 2305 可能是ts报错 

查询当前本地(C:盘)版本的typescript 版本,npm ls typescript 为 4.3.5

 查询当前本地(全局)版本的typescript 版本,npm ls typescript -g 为 empty

 

typescript 相关命令

1、查看本机TypeScript版本,使用

npm view typescript version

2、查看TypeScript所有可以使用的版本,使用

npm view typescript versions

3、如果想要查看typescript不同环境下的版本,使用

npm info typescript

4、查看本地是否安装typescript,使用

npm ls typescript

5、全局查看是否安装typescript,后面加个-g

npm ls typescript -g

6、卸载typescript,使用

npm uninstall typescript

7、全局安装typescript,使用

npm install -g typescript

现在问题明朗了 需要安装全局 typescript,结果报错,无法安装全局 typescript

 看着报错,像是权限问题,尝试使用管理员全局安装 typescript 



接着查询本地全局 typescript  版本为4.7.4

配置 tsconfig.json 

{
  "compilerOptions": {
    "isolatedModules": true,
    "jsx": "preserve",
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },
    "esModuleInterop": true,
    "strict": false,
    "target": "es2015"
  }
}

 再次查看 vscode ,报错消失

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue.jsTypeScript 是两个非常流行的前端开发工具和编程语言,它们可以很好地结合在一起,为构建大型、可维护的单页面应用(SPA)提供强大的支持。 **Vue.js**: - Vue 是一款轻量级的 JavaScript 框架,以其简单易学、组件化开发和响应式数据绑定而知名。 - 它提供了视图层(View)、模板语法、指令(Directives)和响应式系统,使得开发者能够快速构建用户界面。 - Vue 2.x版本引入了Vuex(状态管理)和Vue Router(路由管理),进一步增强了应用的组织和扩展能力。 **TypeScript**: - TypeScript 是由 Microsoft 开发的一种开放源代码的超集 JavaScript,它添加了静态类型检查、接口、类等面向对象的特性,使JavaScript代码更易于维护和扩展。 - 在 Vue 中使用 TypeScript,可以帮助开发者避免类型错误,提高代码质量和可读性,同时 TypeScript 支持强类型定义,方便团队协作。 将 VueTypeScript 结合的优势包括: 1. **类型安全**:TypeScript 提供的类型注解可以在编译期间捕捉潜在的错误,使代码更健壮。 2. **代码提示**:IDE 集成 TypeScript 支持后,开发者可以得到更好的代码提示和自动完成功能。 3. **大型项目管理**:对于大型项目,TypeScript 可以更好地支持模块化、类和接口,提高代码结构的清晰度。 4. **团队协作**:TypeScript 更容易理解和维护,有助于团队成员之间的沟通和协作。 **相关问题--:** 1. 在实际项目中,如何在 Vue 中启用 TypeScript 以及配置步骤是什么? 2. 类型安全如何帮助 Vue 项目的调试和维护? 3. Vue 的组件和 TypeScript 类有什么相似之处?

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值