uni-app vue3 + ts 开发时引入ts文件报错

uni-app vue3 + ts 开发时引入ts文件报错

信息类别 内容
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 10
HBuilderX类型 Alpha
HBuilderX版本号 3.2.10
手机系统 全部
手机厂商 华为
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

测试过的手机：

操作步骤：

这是utils.ts中的代码

/**
 * 
 * 获取路由参数 
 * 
*/
export function getRouteParams<T>() : T {
  const page = getCurrentPages()
  const current = page[page.length - 1].$page
  return current.options
}

/**
 * 
 * 隐藏手机号码 
 * 显示前3位与后4位, 其它的用 * 代替 
 * 
*/
export function hidePhone (phone: string) : string {
  const reg = /^(\d{3})\d{4}(\d{4})$/
  return phone.replace(reg, "$1****$2")
} 

// 设置密码  
export function setPassword (password: string) : void {
  uni.setStorageSync('password', password);
}

预期结果：

引入时不用 .ts 后缀


# 实际结果：

引入时需要 .ts 后缀

bug描述：

用ts封装独立的函数库, 在页面引入时出现编译失败, 找不到文件, 一定要加上 .ts 后缀才可以编译成功, 但加上 .ts 后缀编辑器失去了找不到类型定义 . 请看附件的图片, @/util/utils 出现 编译错误 @/util/utils 编译成功 但上面的 @/util/type 又不用加后缀… 麻烦赶紧解决 顺便一提, hbx的ts插件完全无效…请赶快修复bug


更多关于uni-app vue3 + ts 开发时引入ts文件报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

这么大的公司, 搞这个产品, 提个问题都不敢回复? 看了就是不说, 不管是不是问题, 至少也都回复一声, 不回复只会让人感觉这不是你们能解决的问题, 害 失望了

更多关于uni-app vue3 + ts 开发时引入ts文件报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


老哥解决了吗！！我也遇到了

hbuilder做的太烂了, 每次更新一些没有用处的东西,

在 uni-app Vue3 + TypeScript 项目中，引入 .ts 文件时出现编译问题，通常与 TypeScript 配置或构建工具解析有关。从你的描述来看，问题可能出在以下几个方面：

  1. TypeScript 模块解析：TypeScript 默认会尝试解析 .ts、.tsx、.d.ts 后缀的文件，但在某些配置下，可能需要显式指定后缀。检查 tsconfig.json 中的 moduleResolution 设置，建议设置为 "node"，这样 TypeScript 会模拟 Node.js 的模块解析策略，自动补全 .ts 后缀。

  2. 路径别名配置：你使用了 @/util/utils 这样的路径别名。确保 tsconfig.json 和 vite.config.ts（如果使用 Vite）或 vue.config.js（如果使用 Webpack）中的别名配置一致。例如，在 tsconfig.json 中：

    {
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}
回到顶部