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” 文件中的报错就消失了。

在这里插入图片描述

本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://www.net2asp.com/238624436b.html