Cannot find module ‘@/xx/...‘ or its corresponding type declarations.Vetur(2307)

第一个可能原因

  没有配置alias

  请参考官方文档:

FAQ | VeturVue tooling for VS Code.https://vuejs.github.io/vetur/guide/FAQ.html#vetur-can-t-recognize-components-imported-using-webpack-s-alias配置了之后如果没生效,继续往下看

第二个可能原因

     没有将项目放在第一个,也就是说你的 vscode 打开的必须是你的项目,而不是一个文件夹里边包含你的项目

如果不想这样做,那就继续往下看

第三个解决方法

    请参考官方文档:

    在你的根目录创建 vetur.config.js,并且在 projects 属性配置你的项目

vetur.config.js | VeturVue tooling for VS Code.https://vuejs.github.io/vetur/reference/#example

 记得这个配置完了之后,需要重新启动一下 vetur 插件

参考了多个 csdn 文章,我这里做个总结,希望大家给我顶上去

  • 6
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
这个错误提示 "Cannot find module '@/ts/public' or its corresponding type declarations" 意味着在Vue项目中,Webpack或TypeScript正在尝试加载名为`@/ts/public`的模块,但没有找到对应的文件或类型声明。这通常发生在以下几个情况: 1. **路径问题**:模块路径可能不正确,确保`public`文件夹在`ts`目录结构中,并且`@`前缀表示的不是实际的模块路径(可能是使用了Vue CLI的别名),请检查是否有误。 2. **类型声明缺失**:如果`public`目录里有JS或TS文件,可能需要安装类型声明文件(`.d.ts`),以便TypeScript能够识别它们。 3. **Webpack配置**:检查Webpack配置,确保`ts-loader`或其他处理TS文件的插件配置正确,且别名映射设置恰当。 4. **Vue CLI构建问题**:如果是Vue CLI项目,可能是配置文件(如`vue.config.js`)中alias的配置有误,或者没有正确处理TS项目的配置。 5. **依赖问题**:确认是否正确安装了所有必要的依赖,特别是处理TypeScript和Vue组件的依赖。 要解决这个问题,你可以按照以下步骤操作: 1. 检查`@/ts/public`的实际路径是否正确。 2. 如果有,尝试运行`npm install`或`yarn add`来确保所有依赖项都已安装,包括可能缺失的类型声明。 3. 查看`vue.config.js`中的alias配置是否正确。 4. 确保`.ts`文件已经被正确地编译,可以通过检查构建输出或查看`tsconfig.json`配置来确认。 5. 如果使用了`@vue/cli-plugin-typescript`,确认是否已启用类型检查。 如果你能提供更多的项目信息或代码片段,我可以给出更具体的帮助。接下来是几个相关问题供你参考: 1. 你的项目是如何配置别名的? 2. 是否已经安装了对应的类型声明文件? 3. 项目的`tsconfig.json`是如何配置的?

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值