2022-01-11 工作记录--Wechat applet-TypeError: (0 , _api2.default) is not a function

一、前言

最近在写微信小程序项目时，遇见一个报错，见下图：

二、报错时机

这是当在js中import（导入）一个方法时报的错，代码如下：

import getLeaveTypeApi from '../../../../../../utils/api';

三、思绪分析

思前想后，突然想起以前在用vue写项目时遇见的一个问题：

在import时，什么时候该加花括号’{}‘？

回答：

1. export导出常量、函数、文件、模块等时，可以导出多个，对应的import导入时 要加花括号’{}’，举例如下：

// 导出
export function fn1() { }
export function fn2() { }
export function fn3() { }
// 导入
import {fn1,fn2,fn3} from '../../utils/api';

2. export default导出常量、函数、文件、模块等时，仅可以导出一个，对应的import导入时 不用🙅🏻‍♀️加花括号’{}'

So，找到突破口后，去对应导出方法的地方查看，果然是用export导出的，所以肯定要加花括号啦~

四、最终修改代码

import {getLeaveTypeApi} from '../../../../../../utils/api';

bingo~这样就没有报错啦😄