vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决办法

 更新时间:2023年12月19日 09:27:22   作者:零OO  
Vue.js是一个流行的JavaScript框架,它可以帮助开发者构建交互式Web应用程序,这篇文章主要给大家介绍了关于vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决办法,需要的朋友可以参考下

报错现象:

安装vite后“main.ts” 和 “tsconfig.app.json” 文件报错

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import router from './router'

安装vite后,“main.ts” 文件中这几行出现了报错,如图所示:

鼠标移动到报错位置,显示提示:
“Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’, or to add aliases to the ‘paths’ option?ts(2792)”,
如图所示:

“tsconfig.app.json” 文件也会报错,如图:

鼠标移动到报错的红色下划线位置,出现错误提示 “JSON schema for the TypeScript compiler’s configuration file
Option ‘–resolveJsonModule’ cannot be specified without ‘node’ module resolution strategy.ts”,如图:

解决方法

根据报错提示:“Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’, or to add aliases to the ‘paths’ option?ts(2792)”,

在 “tsconfig.app.json” 文件 的"compilerOptions" 选项中添加配置- - -“moduleResolution”: “node”,添加后保存文件,“main.ts” 和 “tsconfig.app.json” 文件中的报错就消失了。

总结 

到此这篇关于vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决办法的文章就介绍到这了,更多相关vue3-vite安装后文件报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue3响应式数据转回原始普通对象的方法详解

    Vue3响应式数据转回原始普通对象的方法详解

    本文介绍了在Vue中,如何使用toRaw将响应式数据转回原始普通对象,核心应用场景包括与第三方库兼容、性能优化、避免无限递归、只读不触发响应式等,文中详细解释了响应式数据与原始数据的区别,并提供了转回原始数据的方法和注意事项,需要的朋友可以参考下
    2026-04-04
  • vue使用dagre-d3画流程图的完整代码

    vue使用dagre-d3画流程图的完整代码

    这篇文章主要给大家介绍了关于vue使用dagre-d3画流程图的完整代码,dagre-d3.js是一个用于在Vue.js框架中实现DAG(有向无环图)可视化的库,它结合了vue.js、dagre和d3.js这三个库的功能,需要的朋友可以参考下
    2024-02-02
  • vue调用微信JSDK 扫一扫,相册等需要注意的事项

    vue调用微信JSDK 扫一扫,相册等需要注意的事项

    这篇文章主要介绍了vue调用微信JSDK 扫一扫,相册等需要注意的事项,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2021-01-01
  • Vue2.0 多 Tab切换组件的封装实例

    Vue2.0 多 Tab切换组件的封装实例

    本篇文章主要介绍了Vue2.0 多 Tab切换组件的封装实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • Vue实现版本检测与升级提示

    Vue实现版本检测与升级提示

    在现代Web应用开发中,版本检测与升级提示是提升用户体验的重要环节,本文将详细介绍如何在Vue应用中实现这一功能,有需要的小伙伴可以参考一下
    2025-04-04
  • 一文搞懂vue编译器(DSL)原理

    一文搞懂vue编译器(DSL)原理

    本文主要介绍了一文搞懂vue编译器(DSL)原理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • element-ui中按需引入的实现

    element-ui中按需引入的实现

    这篇文章主要介绍了element-ui中按需引入的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • vue3+ts数组去重方及reactive/ref响应式显示流程分析

    vue3+ts数组去重方及reactive/ref响应式显示流程分析

    这篇文章主要介绍了vue3+ts数组去重方法-reactive/ref响应式显示,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • 如何处理 Vue3 中隐藏元素刷新闪烁问题

    如何处理 Vue3 中隐藏元素刷新闪烁问题

    本文主要探讨了网页刷新时,原本隐藏的元素会一闪而过的问题,以及尝试过的解决方案并未奏效,通过实例代码介绍了如何处理 Vue3 中隐藏元素刷新闪烁问题,感兴趣的朋友跟随小编一起看看吧
    2024-10-10
  • vue实现拖拽与排序功能的示例代码

    vue实现拖拽与排序功能的示例代码

    在Web应用程序中,实现拖拽和排序功能是非常常见的需求,本文为大家介绍了如何使用Vue来实现一个简单但功能强大的拖拽与排序功能,感兴趣的小伙伴可以参考下
    2023-10-10

最新评论