【TS】ts项目vscode警告--- 找不到模块“xxx”。你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项中

已于 2023-12-19 18:22:45 修改
阅读量2.2k 收藏 7
点赞数 13
分类专栏： TypeScript 文章标签： vscode typescript
于 2023-11-24 00:24:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/owo_ovo/article/details/134589034
版权
文章指导如何在TypeScript项目中，将`tsconfig.json`和`tsconfig.node.json`中的`moduleResolution`设置从默认的`bundler`更改为`node`，以优化模块解析方式。
摘要由CSDN通过智能技术生成

把tsconfig.json和tsconfig.node.json中的moduleResolution改成node即可

// 原先
"moduleResolution": "bundler",
// 将bundler改为node即可
"moduleResolution": "node",
田本初
关注
专栏目录
webpack 打包ts项目_Webpack + ts-loader 打包Typescript代码提示模块找不到的问题。
weixin_36480977的博客
12-30 2497
ps.大概已经发现了问题所在：因为ts-loader的test配置为/.tsx?/ ，所以无法处理import {Person} from './Person'省略后缀名的引用。那么现在的问题是怎么匹配无后缀名或者.tsx?的后缀呢？运行环境node6.10.0webpack2.2.1typescript2.2.1项目结构文件内容// webpack.config.jsconst path = r...
Vue3 + Ts + Pinia + uni-app 学习笔记
qq_33365152的博客
09-13 676
Vue3 +Ts + Pinia + uni-app 学习笔记
ts提示：找不到模块“xxx”或其他相应模块的类型声明
qq_50386946的博客
09-13 237
ts提示：找不到模块“xxx”或其他相应模块的类型声明。
vscode 报错——你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项中?
Skybububu的博客
03-07 911
vscode 报错——你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?
VSCode导入自定义模块时module not found错误
最新发布
nongcunqq的博客
09-18 311
一般情况下，都是这种问题，另外三种情况仔细一点就能观察出来。第三种情况的解决方案，大部分小伙伴看别的教程有修改launch.json的，有直接用绝对路径的，先不说能不能找到lanuch.json文件在哪？如果没有，就从左下角设置进入用户设置（形状是个小齿轮），然后选择文本编辑器，在里面寻找Code Actions On Save项，这一项里面有settings.json文件超链接，点击，将上面内容复制进去，这个设置文件settings.json从界面顶部的搜索栏里直接搜即可搜到，如下图所示的放大镜处。
找不到模块“axios”。你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项中?ts(27
weixin_51614564的博客
03-07 928
1、遇到 TypeScript 报错“找不到模块'axios'”并提出关于moduleResolution或paths的建议时，通常意味着 TypeScript 编译器无法正确找到或识别axios模块。这个问题主要与 TypeScript 的模块解析配置有关。以下是一些解决方案：首先，确保你已经在项目中安装了axios。2、在tsconfig.json文件中，确保你有正确的compilerOptions配置。
找不到模块“@ant-design/pro-components”。你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项（已解决）
weixin_49453320的博客
05-22 3607
在搭建ts的项目时，提示引入模块报错，找不到模块“@ant-design/pro-components”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?虽然不会影响页面正常运行，但是对代码强迫症来说很难受。在tsconfig.json里作如下配置。
找不到模块“vue-router”。你的意思是要将 moduleResolution 选项设置为 node,还是要将别名添加到 paths 选项中?
qq_63026743的博客
05-07 732
哈哈哈哈，不瞒你们，我就添加错了，哈哈哈。所以这也算写一个demo提醒自己。在tsconfig.app.json中添加，记得一定是。tsconfig.node.json 还是会报错的。
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 目录下。
vscode 中引入文件报类型错误：找不到模块“@/views/login/index.vue”或其相应的类型声明。ts(2307)没有可用的快速修复
shadow_yi_0416的博客
05-24 6716
找不到模块“@/views/login/index.vue”或其相应的类型声明。ts(2307)没有可用的快速修复
Node.js项目如何使用ES模块
sayUonly的博客
02-11 2762
Node.js项目如何使用ESModule 参考文章 先上参考： Node.js Setup With TypeScript, Nodemon and ESM. Can’t run my Node.js Typescript project TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension “.ts” for /app/src/App.ts Node.js 如何处理 ES6 模块 应用环境 在node.js项目中一般推荐使用co
uni-app多端开发
weixin_43993776的博客
11-08 1544
开场白： 要是在 vscode 书写代码， 需要添加 几个插件来支持 uni-app。
vue使用ts 引入组件_vue项目中使用ts（typescript）入门教程
weixin_39670627的博客
12-20 5550
最近项目需要将原vue项目结合ts的使用进行改造，这个后面应该是中大型项目的发展趋势，看到一篇不错的入门教程，结合它并进行了一点拓展记录之。本文从安装到vue组件编写进行了说明，适合入门。1、引入Typescriptnpm install vue-class-component vue-property-decorator --savenpm install ts-loader typescrip...
找不到模块“@vitejs/plugin-vue”。你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项中?
qq_63652597的博客
12-31 1922
找不到模块“@vitejs/plugin-vue”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?
vscode报警告‘找不到模块“vue”或其相应的类型声明‘
m0_46165586的博客
02-28 3606
vscode报警告'找不到模块“vue”或其相应的类型声明'，但是代码是能正常运行起来的。
在导入.vue文件的时候，ts报错提示：找不到模块“@/Layout/index.vue”或其相应的类型声明
Frank_colo的博客
06-21 3490
会报错的原因是，ts.config.json配置文件里的include字段里的后缀文件，ts在找它的时候，路径有问题，没找到。配置baseurl字段 明确指定根目录是ts.config.json文件所在的当前文件夹。配置了这两个字段，在文件里导入.vue文件的时候，如果用了@/开头，就能顺利找到文件了。找不到模块“@/Layout/index.vue”或其相应的类型声明。配置paths字段 用@/* 代替src/*配置好后，就成功了，ts没有报错了。导入的时候，提示下面这句。
vue3+ts找不到模块“XXX”或其相应的类型声明
qq_42408481的博客
07-26 675
问题：vite.config.ts文件引入path模块。
vite+vue3+ts项目中提示无法找到模块
qq_52477159的博客
02-20 5358
注意：这个错误并不影响代码的正常运行，只是在编写代码时，import xxx from 'xxx'会一直飘红，很影响观感。产生这个问题的原因是我们使用了ts语法，他只能识别.ts文件，并不能识别.vue文件，所以在引入组件的时候报错了。在项目的根目录下创建一个xxx.d.ts文件，文件名自定义即可，后缀必须是.d.ts。今天在开发过程中碰到了导入模块时提示无法找到模块这个问题，分享一下我的解决思路。保存代码，并且重启项目，这样令人不悦的红色就会消失啦。在刚刚创建的文件中输入一下代码。
VUE3+TS项目无法找到模块“../version/version.js”的声明文件
weixin_51293134的博客
09-05 1129
在导入 ../version/version.js 文件时，提示无法找到模块。
找不到模块“vue-router”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?ts(2792)\
07-27
引用\[1\]:在搭建ts的项目时，提示引入模块报错，找不到模块“@ant-design/pro-components”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中? 虽然不会影响页面正常运行，但是对代码强迫症来说很难受 。\[1\]引用\[2\]:这里说的commonjs选项是指tsconfig.json文件中"module"属性 解决方案二: tsconfig.json文件 "paths": { "vuex": \["node_modules/vuex/types/index.d.ts"\] "vue-router": \["node_modules/........"\] } 。\[2\]引用\[3\]:2，找不到ts文件就更正常了，我们需要在tsconfig.json里面进行配置（没有的话就新建一个，在根src同级的目录下面）。就直接复制就完事了， { "compilerOptions": { "target": "esnext", "module": "esnext", "useDefineForClassFields": true, "moduleResolution": "node", "strict": true, "jsx": "preserve", "sourceMap": true, "skipLibCheck": true, "resolveJsonModule": true, "esModuleInterop": true, "lib": \["esnext", "dom"\], "baseUrl": "./", "paths": { "@": \["src"\], "@/*": \["src/*"\] } }, "include": \[ "src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "*.ts" \], "references": \[{ "path": "./tsconfig.node.json" }\] } 。\[3\] 问题:找不到模块“vue-router”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?ts(2792) 回答: 根据引用\[2\]中的解决方案二，你可以在tsconfig.json文件中的"paths"选项中添加别名来解决找不到模块的问题。具体做法是在"paths"中添加对应的别名和路径，例如："vue-router": \["node_modules/........"\]。这样就可以正确引入"vue-router"模块了。 #### 引用[.reference_title] - *1* [你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项（已解决）](https://blog.csdn.net/weixin_49453320/article/details/130802958)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [typescript找不到模块‘vue‘ ‘vue-router](https://blog.csdn.net/qq_57423665/article/details/131348859)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vue3引入.vue文件以及.ts文件时提示找不到模块](https://blog.csdn.net/qq_40606563/article/details/126068678)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

田本初

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

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

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

打赏作者

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

抵扣说明：

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

余额充值