webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations

9月前作者：程序员小白Aven 分类：Toy博客阅读(67) 违法举报

这篇具有很好参考价值的文章主要介绍了webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

意思是说找不到对应的模块“@/views/xxx.vue”或其相应的类型声明

webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations

因为ts只能解析 .ts 文件，无法解析 .vue文件

解决方法很简单，一开始的时候env.d.ts是空文件，我们可以在项目的env.d.ts中引入如下代码：

declare module '*.vue' {
  import { DefineComponent } from "vue"
  const component: DefineComponent<{}, {}, any>
  export default component
}

加入上面的代码，就不报错了。

webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations 文章来源地址https://www.toymoban.com/news/detail-507073.html

到了这里，关于webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vue3.0运行npm run dev 报错Cannot find module node:url

近期用vue3.0写项目，npm init vue@latest — npm install 都正常,npm run dev的时候报错如下：因为使用的node版本是14.15.1低于15.0.0导致，安装node版本等于或者大于15.0.0版本，然后npm run dev即可。不同的环境，对nodejs版本的要求不一样，我们可以使用nvm工具，管理和切换node.js的版本。（

2024年02月08日
浏览(66)
解决前端报错 Error: Cannot find module ‘xxx‘（包含 uniapp）

在 npm install 安装好依赖后，执行打包命令时可能报错： 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种，只是因为换了 3 个 node 环境出现的报错。网上的解决方案大多是： 1、删除 node_modules 与 package-lock.json ，重新 $ npm install 一下

2024年02月12日
浏览(60)
解决前端报错 Error: Cannot find module 'xxx'（包含 uniapp）

在 npm install 安装好依赖后，执行打包命令时可能报错： 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种，只是因为换了 3 个 node 环境出现的报错。网上的解决方案大多是： 1、删除 node_modules 与 package-lock.json ，重新 $ npm install 一下

2024年02月05日
浏览(52)
Vue报错 Cannot find module ‘../../modules/es6.symbol‘解决办法

在进行webpack打包的时候，会出现Cannot find module \\\'XXX’的错误，找不到某个模块的错误，今天给出解决方法：直接进行npm install重新打包；如果npm install重新打包之后，仍然出现这个问题，可以进行删除node_modules文件夹，同时清除缓存，如下命令：如果以上方法依然不奏效，那

2024年01月18日
浏览(61)
vue项目关于：Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案

从新项目上拷贝下来的文件在‘npm run serve’运行时遇到了Error Cannot find module ‘xxxbinvue-cli-service.js这样的报错遇到了这种问题解决的方法如下：首先检查上一级或者上几级的文件夹命名，一般为了较好区分项目名称，可能会使用特殊符号或者中文等无法识别的字段导致文件

2024年02月09日
浏览(60)
解决拉取Vue项目报错Cannot find module ‘webpack/lib/RuleSet‘

第一步：将 package-lock.json和node_modules包删除第二步：删除webpack，重装了老的版本。 npm uninstall webpack npm install webpack@^4.0.0 --save-dev 如果不删除重装会报以下错误的第三步：运行如果还不成功报这个错误就屏蔽掉这个代码，就好啦

2024年02月03日
浏览(72)
vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

今天将VUE项目迁移到新的电脑上，配置不一样，导致报错： Error: Cannot find module \\\'@vue/cli-plugin-babel\\\' Require stack: - D:WWWVUExxxxxxnode_modules.store@vue+ cli-service@5.0.8- D:WWWVUExxxxxxnode_modules.store@vue+cli-service@5.0.8node_modules@vuecli-servicelibService.js - D:WWWVUExxxxxxnode_modules.store@vue+

2024年01月19日
浏览(62)
vue3+ts报错：无法找到模块“xxx.vue“的声明文件，xxx隐式拥有“any“类型

1、报错原因：typescript不能识别.vue文件 2、解决方法：可以在vite-env.d.ts中添加以下代码，如果没有 vite-env.d.ts ，可以自己新建一个 xxx.d.ts 类型的文件即可创建好项目之后一直报错，搜索解决掉了，自己整理所用，原文链接：vue3+ts报错解决：无法找到模块“xxx.vue”的声明文

2024年01月21日
浏览(45)
VUE报错解决Could not find a declaration file for module ‘xxx‘.

Github上下载的代码，导入后出现以下报错。错误代码 Could not find a declaration file for module \\\'element-plus/dist/locale/zh-cn.mjs\\\'. \\\'c:/Users/Lenovo/typescript/hotel/hotel-system-web-main/node_modules/element-plus/dist/locale/zh-cn.mjs\\\' implicitly has an \\\'any\\\' type. If the \\\'element-plus\\\' package actually exposes this module, try ad

2024年02月12日
浏览(46)
若依Vue分离版打包报错Cannot find module ‘html-webpack-plugin‘

1、手动的把 node_modules 这个目录删掉 2、重新安装依赖：npm install --registry=https://registry.npm.taobao.org 3、安装缺少的依赖：npm i html-webpack-plugin --save-dev --legacy-peer-deps 4、重新打包 npm run build:prod 打包结束，可以部署到服务器啦。

2024年02月13日
浏览(49)