【问题总结（18）】Uncaught (in promise) TypeError: Object(...) is not a function 和 unreachable code

子组件拿父组件接口数据

从后端拿到数据 作为公共数据 子组件如何拿到后端的数据

vue父组件怎么给子组件传后台获取的值

const group = [‘cat’,‘dog’]
mock.js假数据
手动写一个方法拿到数据
Mock.mock(//api/v1/account/id/, ‘getGroup’,getGroup )

map方法就是 键值对 的形式 取到 customRender渲染出来

group联动
第一种 分别取 在change事件
在change事件里 赋新值 调用后台数据方法 const arr = this.getCatList，选中之后再选择另一个数组
声明一个新的数组，再往里面填充

报错

1. unreachable code

下面展示一些 内联代码片。

// A code block
var foo = 'bar';

// An highlighted block
async loadData() {
........
return accountList
const data = await getAll() //报错

解决办法就是把你把要调用的方法写到return前面就好了

2.Uncaught (in promise) TypeError: Object(…) is not a function
原因
导入api接口方法时 api没有对应的方法。

// mock/services/account.js
function getGroups (options) {
  const data = getQueryParameters(options)
  let res = groups
  Object.keys(data).forEach(key => {
    res = res.filter(groups => groups[key] === data[key])
  })
  return builder(res)
}

Mock.mock(/\/api\/v1\/groups/, 'get', getGroups)

补上 api 接口方法

//src/api/account.js
export function getGroups (parameter) {
  return request({
    url:'/api/v1/groups',
    method:'get',
    params:parameter
  })
}

忘记写api了

// 导入使用导出的常量 从api里面导入
import { getAll, destroy, getGroups } from '@/api/account'

注意
除此之外 还有一个地方导入接口方法不当也会报此类型错误
import { xx } from … 与 import xx from …
与 api接口文件里导出方式有关
export 与 export default
两者都能做的
导出常量、函数、文件、模块等
可在别的文件import 导入使用导出的(常量、函数、文件、模块)
两者不同的地方
export可以有多个; export default只能有一个
export default为模块指定默认输出，不用知道模块变量名
重点来了！export导出的，你若要import必须加上{}; export default不需要、不能加
————————————————
版权声明：本文为CSDN博主「变优秀的小白」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_44425934/article/details/112846315
参考: 踩坑: Uncaught (in promise) TypeError: Object(…) is not a function at eval.