uni-app TypeScript 代码提示不仅慢，还经常崩

uni-app TypeScript 代码提示不仅慢，还经常崩

项目信息 详情
产品分类 uniapp/App
PC开发环境 Mac
PC开发环境版本 12.4
HBuilderX类型 Alpha
HBuilderX版本 4.12
手机系统 全部
手机厂商 华为
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

测试过的手机：
全部

操作步骤：
*

预期结果：
*

实际结果：
*

bug描述：
没得说哦； 这ts服务真垃圾哦； 经藏崩， 反映巨慢， 让人不忍直视噢； 代码提示5秒后甚至更久出现；哎用vscode吧有些uts提示还不完善
啥时候能优化下， 或者提供下vscode。webstorm uts代码提示插件


更多关于uni-app TypeScript 代码提示不仅慢，还经常崩的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

VSCode要自行安装声明文件吧，HX开发TS项目响应巨慢，难顶

更多关于uni-app TypeScript 代码提示不仅慢，还经常崩的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在使用 uni-app 开发时，如果你遇到 TypeScript 代码提示慢或频繁崩溃的问题，可以尝试以下优化和解决方案：

1. 检查开发工具版本

确保你使用的开发工具（如 HBuilderX 或 VS Code）是最新版本。旧版本可能存在性能问题或 Bug。

2. 启用 TypeScript 支持

确保项目中正确配置了 TypeScript 支持。

  • 在 tsconfig.json 中检查配置是否正确，例如：
    {
  "compilerOptions": {
    "target": "es6",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue"]
}
  • 确保项目根目录下有 shims-vue.d.ts 文件，用于支持 Vue 文件的 TypeScript 类型提示：
    declare module '*.vue' {
  import { DefineComponent } from 'vue';
  const component: DefineComponent<{}, {}, any>;
  export default component;
}

3. 优化开发工具配置

根据开发工具的不同，进行以下优化：

HBuilderX

  • 在设置中启用 TypeScript 支持：设置 -> 插件 -> TypeScript。
  • 增加内存分配：设置 -> 运行配置 -> 内存分配，适当增加内存大小。
  • 关闭不必要的插件：设置 -> 插件，禁用不常用的插件。

VS Code

  • 安装以下插件：
  • 在 settings.json 中优化配置：
    {
  "typescript.tsdk": "node_modules/typescript/lib",
  "vetur.experimental.templateInterpolationService": true,
  "vetur.format.defaultFormatter.ts": "prettier",
  "vetur.validation.template": false,
  "eslint.validate": ["typescript", "vue"]
}

4. 优化项目代码

  • 减少全局类型声明：避免在全局类型文件中声明过多类型。
  • 拆分大型文件：将大型 Vue 文件拆分为多个小文件，减少单个文件的复杂度。
  • 使用按需加载：对于大型库（如 lodash），使用按需加载以减少内存占用。

5. 清理缓存

  • HBuilderX：尝试清理缓存：菜单 -> 运行 -> 清理缓存并重启。
  • VS Code：清理缓存：
    1. 关闭 VS Code。
    2. 删除 ~/.vscode 或 %USERPROFILE%\.vscode 目录。
    3. 重新启动 VS Code。

6. 检查硬件性能

  • 确保开发设备的 CPU 和内存足够支持开发工具运行。
  • 如果内存不足，可以尝试关闭其他占用资源的程序。

7. 使用 Volar 替代 Vetur

如果你使用的是 VS Code，可以尝试用 Volar 替代 Vetur。Volar 是专为 Vue 3 和 TypeScript 设计的插件，性能更好。

8. 启用增量编译

在 tsconfig.json 中启用增量编译，以加快编译速度：

{
  "compilerOptions": {
    "incremental": true,
    "tsBuildInfoFile": "./.tsbuildinfo"
  }
}

9. 排查依赖问题

确保项目依赖是最新版本，并检查是否存在冲突的依赖：

npm outdated
npm install --legacy-peer-deps
回到顶部