【uni-app】uni-app vue3 ts 遇到的问题汇总

本文主要简要讲解uni-app vue2 迁移至 vue3时所遇到的问题，希望对大家有所启示。

1. Cannot assign to read only property ‘exports’ of object ‘#’ ，
   原因是我在封装接口请求的时候，某些变量以及最终释放的时候用的语法为，module.exports，
   应改为export或者export default

即：
module.exports = {
  env,
  middleground
}

改为

export default {
  env,
  middleground
}

2. 元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型 “Object“。 在类型 “Object“ 上找不到具有类型为 “string“ 的参数的索引签名

参考链接

3. TypeError: Invalid attempt to spread non-iterable instance.
   In order to be iterable, non-array objects must have a Symbol.iterator method.

const commUrls = require('@/httpRequest/commonUrl')

urls.push(...commUrls) // 合并请求地址，urls是全地址

问题一修改时，已经将commonUrl的导出语法由 module.export 改为 export default，
所以导致迁移过程中 require 获取的 commUrls 报错，应修改为如下：

import commUrls from '@/httpRequest/commonUrl'

urls.push(...commUrls) // 合并请求地址，urls是全地址

4. Page “pages/Index/Index” has not been registered yet
   由前述报错引起，修复前述报错即可