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

这篇具有很好参考价值的文章主要介绍了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日
    浏览(65)
  • 解决前端报错 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日
    浏览(60)
  • 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日
    浏览(59)
  • 解决拉取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日
    浏览(71)
  • 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日
    浏览(61)
  • 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日
    浏览(43)
  • 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日
    浏览(45)
  • 若依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日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包