uni-app vue文件按alt不能跳转 computed定义提示错误

uni-app vue文件按alt不能跳转 computed定义提示错误

开发环境 版本号 项目创建方式
HbuilderX 3.4.7

示例代码：

import chlid from "./chlid"     //无法跳转

import chlid from "./chlid.vue"    //可以跳转

操作步骤：

import chlid from "./chlid"

computed: {  
    aa(){  
        return 1  
    }  
}

预期结果：

  • 可以alt键进入该文件
  • 输入this.a提示this.aa，按下回车键，代码应变成this.aa

实际结果：

  • alt键盘点击后代码会变色，但是并不能跳转（上上个版本是可以的）
  • 输入this.a提示this.aa，按下回车键，代码变成this.aa()

bug描述：

  • 引入文件不加.vue后缀的话按alt键无法跳转
  • 在 computed 中声明的变量，代码提示会错误的增加括号

更多关于uni-app vue文件按alt不能跳转 computed定义提示错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

感谢反馈，下期修复

更多关于uni-app vue文件按alt不能跳转 computed定义提示错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在使用 uni-app 开发时，如果你在 Vue 文件中遇到 alt 键不能跳转、computed 定义提示错误等问题，可能是由于以下几个原因导致的。以下是一些可能的解决方案：

1. 编辑器配置问题

  • 问题描述: 在编辑器中按 alt 键不能跳转到定义，可能是编辑器的配置问题。
  • 解决方案:
    • 确保你使用的是支持 Vue 和 uni-app 的编辑器，比如 VSCode。
    • 在 VSCode 中，确保安装了以下插件：
      • Vetur：Vue 语法高亮和智能提示。
      • uni-app-snippets：uni-app 的代码片段支持。
      • ESLint：代码规范检查。
    • 检查 VSCode 的快捷键设置，确保 alt 键没有被其他功能占用。

2. computed 定义错误

  • 问题描述: 在 computed 中定义的属性提示错误，可能是语法错误或类型错误。
  • 解决方案:
    • 确保 computed 属性的定义是正确的，例如：
      computed: {
  fullName() {
    return this.firstName + ' ' + this.lastName;
  }
}
    • 如果你使用了 TypeScript，确保类型定义正确，并且已经正确配置了 vue-class-component 或 vue-property-decorator。
    • 检查是否有拼写错误或未定义的变量。

3. Vue 版本问题

  • 问题描述: 如果你使用的是 Vue 3，而 uni-app 默认支持的是 Vue 2，可能会导致一些兼容性问题。
  • 解决方案:
    • 确保你使用的 Vue 版本与 uni-app 兼容。uni-app 默认支持 Vue 2，如果你需要使用 Vue 3，请参考 uni-app 官方文档进行配置。

4. ESLint 配置问题

  • 问题描述: ESLint 可能会提示 computed 定义错误，可能是 ESLint 配置问题。
  • 解决方案:
    • 检查 .eslintrc.js 配置文件，确保 Vue 和 uni-app 的相关规则已经正确配置。
    • 如果你使用的是 TypeScript，确保已经配置了 @typescript-eslint 相关规则。

5. 项目依赖问题

  • 问题描述: 项目依赖可能没有正确安装或版本不兼容。
  • 解决方案:
    • 确保所有依赖已经正确安装，可以尝试删除 node_modules 文件夹并重新安装依赖：
      rm -rf node_modules
npm install
回到顶部