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

最新推荐文章于 2024-06-08 17:12:36 发布
最新推荐文章于 2024-06-08 17:12:36 发布
阅读量2k 收藏 2
点赞数 1
分类专栏： 前端学习 项目笔记 Vue3 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liushi21/article/details/131795295
版权
前端学习 同时被 3 个专栏收录
38 篇文章 1 订阅
订阅专栏
项目笔记
23 篇文章 0 订阅
订阅专栏
Vue3
4 篇文章 0 订阅
订阅专栏
在开发Vue3+Ts的H5应用时，通过Vite创建模板后遇到问题。解决方法包括安装@types/node并更新tsconfig.json，添加node到types数组，以及将moduleResolution设置为node。
摘要由CSDN通过智能技术生成

问题描述

项目前台需要使用Vue3+Ts来写一个H5应用，然后我用模板创建

npm create vite@latest vue3-vant-mobile -- --template vue-ts

创建完后进入HelloWorld.vue，两眼一黑
在这里插入图片描述
在这里插入图片描述

解决办法一

npm i --save-dev @types/node

然后在tsconfig.json的"compilerOptions"中添加

    "types": [
      "node"
    ]

修改"moduleResolution"值为"node"

解决方法二

npm install
六时二一
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
vite创建vue3项目：找不到模块“@/components/***.vue”或其相应的类型声明
qq_59502044的博客
08-09 1963
【代码】vite创建vue3项目：找不到模块“@/components/***.vue”或其相应的类型声明。
vite+vue3使用模块化批量发布Mockjs接口
03-29
综上所述，"vite+vue3使用模块化批量发布Mockjs接口"是一个全面的前端开发流程，涉及到Vite的配置、Vue3的组件开发以及Mockjs的接口模拟，旨在提供一个高效、便捷的开发环境，同时保持代码的清晰结构和良好的可维护...
vscode报警告‘找不到模块“vue”或其相应的类型声明‘
m0_46165586的博客
02-28 2448
vscode报警告'找不到模块“vue”或其相应的类型声明'，但是代码是能正常运行起来的。
vite+vue+ts项目中报错解决方案
最新发布
weixin_44072254的博客
06-08 2420
那既然官方推荐 _volar_，简单的说volar是vetur的升级版本，提供了更好的功能并有更好的TS支持。二． 产生这个问题的原因是我们使用了ts语法，他只能识别.ts文件，并不能识别.vue文件，所以在引入组件的时候报错了。在项目的根目录下创建一个vite-env.d.ts文件，文件名自定义即可，后缀必须是.d.ts。如果问题还没有解决，就打开tsconfig.json文件，确保types中含有"node"。在vite.config.ts里面有配置相关的@/路径标签。在刚刚创建的文件中输入一下代码。
vue3+ts 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）
weixin_44166849的博客
03-29 1万+
3.检查 TypeScript 配置：如果项目中有 tsconfig.json 或 jsconfig.json 文件，确保该文件包含了正确的路径别名或根路径。4.检查 Vue 配置：如果使用了如 webpack 或 Vite 这样的构建工具，确保相关的配置能够正确处理 .vue 文件。1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。1.检查文件路径：确保 文件的路径是正确的，并且确实存在于 components 目录下。
vue3.0找不到模块“./App.vue”或其相应的类型声明。
weixin_46600931的博客
07-18 1万+
/报错原因typescript只能理解.ts文件，无法理解.vue文件。//报错原因javascript只能理解.js文件，无法理解.vue文件。//vue3报错提示找不到模块“./XXX.vue”或其相应的类型声明。情况一、vue3.0+js。情况二、vue3.0+ts。...
vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）
hfwangyl的博客
10-12 8126
4、点击“TypeScript and JavaScript Language Features”右下角的小齿轮，然后选择“Disable (Workspace)”。1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。2、输入 built，然后选择“Extensions：Show Built-in Extensions”。5、重新加载工作空间。3、在插件搜索框内输入 typescript (不要删除 @builtin 前缀)。
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vite+vue3动态模块化导入并使用pinia
03-25
在"vite+vue3动态模块化导入并使用pinia"的项目中，我们可以通过以下步骤实现动态模块化导入和使用Pinia： 1. **配置Vite**：在`vite.config.js`中，我们需要配置Vue3和Pinia的插件，如`@vitejs/plugin-vue`和`vite...
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip
04-12
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于...
uniapp + vue3 +vite + ts + pinia 框架模板
01-31
标题 "uniapp + vue3 + vite + ts + pinia 框架模板" 提供了我们讨论的关键技术栈。这是一个基于uni-app、Vue.js 3、vite、TypeScript和Pinia的项目模板，用于构建移动端应用。让我们逐一探讨这些技术的特性与它们在...
找不到模块“../views/layout/index.vue”或其相应的类型声明。ts(2307)
qq_40913592的博客
06-30 2024
在vue项目开发，运行不报错，在我们配置项目路由的时候使用路由懒加载引入该组件的时候出现报错， 在编辑器里报错，十分难受。这个错误很明显是ts抛出的，产生的原因是vue中没有export变量，导致ts无法识别导出的内容，即ts类型需要明确 ，1.首先在src目录下创建一个vite-env.d.ts的文件。2.在文件中引入这些代码。
找不到模块“xxx.vue”或其相应的类型声明问题
weixin_49428989的博客
08-29 5754
最近在使用动态组件时，遇到切换时找不到响应组件的问题。
Vue3解决“找不到模块“@/components/xxx.vue”或其相应的类型声明”
qq_43657722的博客
05-22 4867
在使用 Vue 3 开发项目时，遇到“找不到模块 ‘@/components/xxx.vue’ 或其相应的类型声明”的错误是一个常见问题。这通常与 TypeScript 和模块解析相关的配置不当有关。本文将详细介绍如何解决此问题，确保你的项目能够正确识别和导入 Vue 组件。
【vue3 + ts + vite】找不到模块“vue”或其相应的类型声明
热门推荐
Cljbbb的博客
09-17 1万+
vite创建的项目：找不到模块“vue”或其相应的类型声明
找不到模块“*.vue”或其相应的类型声明。ts(2307)
qq_38952126的博客
03-08 8159
找不到模块“./tree/index.vue”或其相应的类型声明。ts(2307)
找不到模块“./App.vue”或其相应的类型声明
m0_63572193的博客
02-08 1078
vue3 报错提示 找不到模块“./XXX.vue”或其相应的类型声明。在vite-env.d.ts文件里添加以下代码。
找不到模块“./App.vue”或其相应的类型声明。
weixin_44132277的博客
12-13 659
找不到模块“./App.vue”或其相应的类型声明
报错：找不到模块“./App.vue”或其相应的类型声明。ts(2307)
小卡拉米的博客
01-23 4974
报错：找不到模块“./App.vue”或其相应的类型声明。ts(2307)
vite+vue3+ts创建项目
01-16
以下是使用vite+vue3+ts创建项目的步骤： 1. 首先，确保你已经安装了Node.js和npm。你可以在终端中运行以下命令来检查它们的版本： ```shell node -v npm -v ``` 2. 安装vite脚手架工具。在终端中运行以下命令： ```shell npm install -g create-vite ``` 3. 创建一个新的vite项目。在终端中运行以下命令： ```shell create-vite my-project --template vue-ts ``` 这将创建一个名为my-project的文件夹，并使用vue-ts模板初始化项目。 4. 进入项目文件夹。在终端中运行以下命令： ```shell cd my-project ``` 5. 安装项目依赖。在终端中运行以下命令： ```shell npm install ``` 6. 启动开发服务器。在终端中运行以下命令： ```shell npm run dev ``` 这将启动一个本地开发服务器，并在浏览器中打开项目。 现在，你已经成功创建了一个vite+vue3+ts的项目，并且可以开始开发了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

六时二一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值