vue(typescript)项目在vs中打开出现的各种问题

这篇具有很好参考价值的文章主要介绍了vue(typescript)项目在vs中打开出现的各种问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题一:

TS2792    (TS) 找不到模块“xxx”。你的意思是要将 "moduleResolution" 选项设置为 "node",还是要将别名添加到 "paths" 选项中?   

TS6046    (TS) “--moduleResolution”选项的参数必须为 'node', 'classic', 'node16', 'nodenext'。

原因:是解析策略之前是Bundler

解决方案:

(1)把tsconfig.json和tsconfig.node.json中的moduleResolution改成node

vue(typescript)项目在vs中打开出现的各种问题

问题二:TS2307    (TS) 找不到模块“./App.vue”或其相应的类型声明。   

原因:在ts项目里面,.ts文件是识别不了.vue文件

解决方法:

(1)项目根目录创建一个xxx.d.ts的文件编写以下内容

vue(typescript)项目在vs中打开出现的各种问题

 (2)在tsconfig.json中include解析这个xxx.d.ts文件

vue(typescript)项目在vs中打开出现的各种问题

问题解决

vue(typescript)项目在vs中打开出现的各种问题

问题三:TS5023    (TS) 未知的编译器选项“allowImportingTsExtensions”。   

原因:该选项用于控制是否允许在 import 语句中导入 .ts 文件扩展名,它的取值可以是 true 或 false。但是,从 TypeScript 3.8 开始,这个选项已经被废弃了

解决方法:删除allowImportingTsExtensions

  

   


 

   
 文章来源地址https://www.toymoban.com/news/detail-490645.html

到了这里,关于vue(typescript)项目在vs中打开出现的各种问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用模板创建【vite+vue3+ts】项目出现 “找不到模块‘vue‘或其相应的类型声明” 的解决方案

    项目前台需要使用Vue3+Ts来写一个H5应用,然后我用模板创建 创建完后进入 HelloWorld.vue ,两眼一黑 然后在 tsconfig.json 的 \\\"compilerOptions\\\" 中添加 修改 \\\"moduleResolution\\\" 值为 \\\"node\\\"

    2024年02月17日
    浏览(65)
  • vue element ui 打开弹窗出现黑框问题

    大家好!今天是 2024年4月20日 | 农历三月十二 ,周六的我又做在公司里面写起了代码 今天在做项目的时候遇到一个奇怪的问题,如下图所示: 因为这个页面我做了两个弹框,先弹出来第一个弹框,然后再通过第一个弹框打开第二个弹框,当打开第二个弹框的时候,就会出现

    2024年04月25日
    浏览(35)
  • Vue3 - 解决 build / dev 打包运行时突然出现一堆 ts 相关的报错,强制关闭整个项目的 ts 代码语法校验和验证(webpack / vite 均可)

    无论您是 vite 还是 webpack,都可以 100% 去掉运行或打包时的 ts 语法验证。 本文 实现了在 vue3 + ts 开发中,关闭运行、打包部署命令时出现的各种 ts 校验报错,去掉对 ts 的验证, 有些朋友对 ts 不是很了解(所以在写代码时没注意一些语法),导致最终 build 打包时出现了很多

    2024年02月11日
    浏览(63)
  • Unity2019打开并运行项目,Console上莫名出现两个红色感叹号问题、空白报错。

     解决办法:放弃使用UnityHub打开Unity.exe; 要么直接卸载UnityHub; 如果不想卸载UnityHub也可以。 1.首先从UnityHub剔除该2019版本的Unity; 2.然后再按照作者的启动方式,直接双击2019版的Unity.exe,即将弹出两种打开方式; (1)首先会自动弹出UnityHub,关闭即可; (2)其次会弹出一个叫做“

    2024年02月16日
    浏览(38)
  • VS基于Qt上创建项目出现红波浪线线及项目创建不了的问题,给出个人的一个解决方法供给大家参考

    (1)我电脑上的Visual studio 2015和Qt Creator这两个软件都是安装成功可以编译运行的。 我也在Visual studio 2015平台 》 工具 -》》 更新与扩展 那里下载了Qt VS Tools,路径什么的都指定好了但是同样创建不了。 (2)过一段时间这时候我又重新把Qt VS Tools卸载重新安装, 安装好之后重

    2024年02月07日
    浏览(82)
  • 新建vite+vue3+ts项目,以及解决过程中遇到的问题

    目录 一、新建vite+vue3+ts项目 二、解决过程中遇到的问题 解决报错:Module ‘“xx.vue“‘ has no default export. 解决报错:Error [ERR_MODULE_NOT_FOUND]: Cannot find package ‘uuid’ imported from xxx的解决 解决报错:[plugin:vite:css] Preprocessor dependency \\\"less\\\" not found. Did you install it? 此处我使用npm做一下

    2024年02月06日
    浏览(136)
  • TypeScript基础篇 - Vue-TS-Rollup 环境实战

    目录 .babelrc Rollup+Vue+TS scripts/rollup.config.js package.json 可以同时使用多个 Plugin 和 Preset,此时,它们的执行顺序非常重要。 先执行完所有 Plugin,再执行 Preset。 多个 Plugin,按照声明次序顺序执行。 多个 Preset,按照声明次序逆序执行。 比如 .babelrc配置如下,那么执行的顺序为:

    2024年02月16日
    浏览(44)
  • 从GitHub下载的Android Studio项目,在较新版本AS打开出现版本不兼容问题的解决方法。

            在GitHub下载了一个Android Studio计算器项目,打开项目后出现一系列问题,本文简单记录出现的问题及解决方法。 问题描述:The specified Gradle installation directory \\\'G:AndroidAndroid Studiogradlegradle-2.14.1\\\' does not exist. 解决方法:按照以下步骤更改Gradle安装目录的路径 打开您的

    2024年02月06日
    浏览(68)
  • vue项目ios(苹果)系统打开显示空白页问题

      报错信息: 翻译:语法错误:无效的正则表达式:无效的组说明符名称。 注:我这里是正则验证报错(网上还有其他报错显示空白页的问题,以后遇到会及时和大家更新)。 原因( 本篇原因正则问题 ): 项目中如果有使用到正则表达式,在Safari浏览器会在某个正则规则下无法解

    2024年02月05日
    浏览(44)
  • vscode中 vue3+ts 项目的提示失效,volar插件失效问题解决方案

    说起来很耻辱,从mac环境换到window环境,vscode的配置都是云端更新过来的,应该是一切正常才对,奇怪的是我的项目环境出现问题了,关于组件的ts和追踪都没有效果,再经过一上午的排查和试错后,终于被我解决,问题的原因是volar和ts环境之间的版本不匹配,下面来看下我

    2024年02月03日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包