可选链式操作符前后自动加空格，导致编译失败，怎么解决

Question

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

axios.interceptors.request.use(
function(config) {
// getToken() ? .length > 0 &&
if (getToken() ? .length > 0 && config.headers.Authorization === undefined) {
config.headers.Authorization = Bearer ${getToken()}
}

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

拆分开来判断不使用?.语法即可

axios.interceptors.request.use(
function(config) {
let res = getToken();
if (res && res.length > 0 && config.headers.Authorization === undefined) {
config.headers.Authorization = `Bearer ${res}`
}