react+vite+ts报错：找不到模块“@/xxx”或其相应的类型声明。ts(2307)

最新推荐文章于 2024-09-26 10:39:16 发布
最新推荐文章于 2024-09-26 10:39:16 发布
阅读量163 收藏
点赞数 3
分类专栏： Node相关 文章标签： react.js 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43801036/article/details/142524266
版权

找不到模块“@/xxx”或其相应的类型声明

报错图例

报错：找不到模块“@/xxxxxx”或其相应的类型声明。

在这里插入图片描述

解决方案：

除了在tsconfig.json中配置，还需要在tsconfig.app.json中配置，因为tsconfig.app.json是针对浏览器运行环境的配置。
在这里插入图片描述

1、tsconfig.app.json配置

在这里插入图片描述

2、tsconfig.json配置

在这里插入图片描述
问题已解决！！

解决图例

在这里插入图片描述

大口干饭！
关注
专栏目录
vite+ts+react+eslint项目中后台报错：找不到模块“@/xxxx/xxxx”或其相应的类型声明（Failed to resolve import “@/xx/xx“ from...）
zwy0206的博客
08-24 1072
Failed to resolve import "@/xxx/xxx" from "src\containers\Login\index.tsx". Does the file exist?
vue3+vite+ts报错：找不到模块“@/xxxxxx”或其相应的类型声明。
热门推荐
qq_45651984的博客
07-08 3万+
vue3+vite+ts报错：找不到模块“@/xxxxxx”或其相应的类型声明。tsconfig.json文件，配置文件系统路径别名
vite + react 配置路径别名报错：找不到名称‘__diename‘ 、找不到模块path或其对应类型声明、找不到模块“@/xxx“或其对应类型说明
weixin_52268321的博客
08-12 232
【代码】vite + react 配置路径别名报错：找不到名称‘__diename‘ 、找不到模块path或其对应类型声明、找不到模块“@/xxx“或其对应类型说明。
vite4+ts: 找不到模块“@/views/xx”或其相应的类型声明
YONGEGE
10-21 318
使用的时候还是报错： 找不到模块“@/views/xx”或其相应的类型声明。最近在新系统上测试东西，vue-router 引入模块报错。
找不到模块“@/stores/xxx”或其相应的类型声明。
Vinca@的博客
06-27 1405
在Vue3项目中，特别是在使用TypeScript时，@/符号通常是用来代表项目根目录的别名。例如，可能是指向你项目中的某个store文件或目录。出现找不到模块的错误通常是由TypeScript编译器无法正确解析这些别名导致的。在Vue 3项目中，特别是在使用 TypeScript 时，@/符号通常是用来代表项目根目录的别名。例如，可能是指向你项目中的某个 store 文件或目录。出现找不到模块的错误通常是由 TypeScript 编译器无法正确解析这些别名导致的。
vite配置别名，并处理报错：找不到模块“xxx”或其相应的类型声明
weixin_53068161的博客
09-04 7594
vite配置别名，并处理报错：找不到模块“xxx”或其相应的类型声明
TypeScript使用@来映射文件路径解决找不到模块“@/xxx”或其相应的类型声明的问题
weixin_44223180的博客
11-18 1877
由于在script中使用import { login } from "../../../net";这用每次都要查文件夹层数，所以想用@直接映射src目录更便捷（可自定义）。如果不添加配置直接引用就会报错找不到模块“@/net”或其相应的类型声明。ts(2307)
Vite+TS-Vue项目中找不到模块“@/xx”或其相应的类型声明-错误提示
JackieDYH的博客
03-26 949
找不到模块“@/components/pagination.vue”或其相应的类型声明。但是使用。
记录：quasar别名 找不到模块“XXX”或其相应的类型声明
Web_monkey888的博客
05-18 2367
当前项目：quasar-cli+vite构建 问题：配置别名后报错 ‘找不到模块“XXX”或其相应的类型声明’ quasar配置别名按照文档有两种方式 修改/quasar.config.js: // quasar.config.js const path = require('path') module.exports = function (ctx) { return { build: { alias: { myalias: path.join(__d
vite+react搭建人力管理系统项目（1）
weixin_46533954的博客
03-17 452
react项目基本src目录需要添加的有：路由router,状态管理库redux,接口请求api，公共组件Components,全局常量constants(按照项目而定)，钩子hooks,布局layout,页面pages，工具utils，插件声明plugins.d.ts(按照项目而定)生产环境和测试环境为/api（/为相对路径，所以请求的时候看到的是：服务器ip地址/api/接口地址，看不到真是的后端地址的）打包之后根据不同的环境配置nginx代理，代理地址就是/api了（具体配置自行百度哈）
解决在 React + TS项目中使用 scss 报 cannot find module ‘xxx.scss‘ 的问题
name_lsc的博客
01-27 2966
使用 create-react-app 的创建的项目，其默认的 webpack.config.js （这个文件默认隐藏，要查看需要运行 npm run eject，运行这个命令前需要本地 commit 代码）的文件中，是默认配置了 sass-loader 的选项的，所以在 react 项目中使用 sass 还是比较方便的。虽然默认配置了 sass-loader，但要使用 sass 还是需要先安装一下的 npm install sass or yarn add sass 安装好依赖后，就可以把样式文件改为.
[GN] 使用vue3+vite+ts+prettier+eslint
GGood_Name的博客
01-15 958
做到代码格式等统一，此时，esint和prettier就要登场了。eslint是代码检测工具，可以检测出你代码中潜在的问题，比如使用了某个变量却忘记了定义。 prettier是代码格式化工具，作为代码格式化工具，能够统一你或者你的团队的代码风格。 => 安装prettier+eslint包，并做一系列的配置
创建 vite + vue3 + ts 项目简单笔记
qq_33365152的博客
09-16 301
创建 vite + vue3 + ts 项目简单笔记、vite、vue3、ts、TypeScript
react通过下拉框选择多个，并展示在下方的方式
最新发布
qq18346342939的博客
09-26 199
二、form及选择展示。
现代前端框架实战指南：React、Vue.js、Angular核心概念与应用
m0_67484548的博客
09-23 1384
现代前端框架实战指南：React、Vue.js、Angular核心概念与应用
react父子组件数据传递及相关操作
weixin_44248903的博客
09-24 382
react父子组件数据传递及相关操作
Vue3 之ref与reactive的区别
样子的博客
09-21 372
在Vue 3中，reactive和ref都用于创建响应式的数据，但它们有一些关键的区别： reactive用于创建响应式的对象，该对象的属性是深度响应式的。 ref用于创建响应式的基本类型数据，比如字符串、数字、布尔值等，它是reactive的简化版本，只提供了基本的响应式能力。 一、ref与reactive的区别 <template> <view class=""&...
【React】原理
小秀的博客
09-23 620
笔记来源：小满zs。
vue+ts找不到模块“echarts-for-react”或其相应的类型声明
01-17
在Vue3 + TypeScript项目中，如果你使用了echarts-for-react库，但是在编译时出现了找不到模块“echarts-for-react”或其相应的类型声明的错误，可能是因为你没有正确安装该库或者没有正确配置类型声明。 要解决这个问题，你可以按照以下步骤进行操作： 1. 确保你已经正确安装了echarts-for-react库。你可以使用以下命令来安装该库： ```shell npm install echarts-for-react ``` 2. 确保你已经正确安装了相关的类型声明。在TypeScript项目中，通常需要安装与库对应的类型声明文件。你可以使用以下命令来安装echarts-for-react的类型声明文件： ```shell npm install @types/echarts-for-react ``` 3. 确保你的项目中已经正确配置了类型声明。在Vue3 + TypeScript项目中，你需要在`tsconfig.json`文件中添加对echarts-for-react类型声明文件的引用。你可以在`compilerOptions`下的`types`数组中添加以下内容： ```json "types": ["echarts-for-react"] ``` 完成上述步骤后，重新编译你的项目，应该就能够解决找不到模块“echarts-for-react”或其相应的类型声明的问题了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值