可以在打字稿中捕获打字稿错误

Question

我无法捕获错误。我故意把查询字符串弄乱了以处理此情况，但仍然可以通过。使用开发人员工具打开，应用程序崩溃。我正在使用Axios，Redux-Toolkit和Typescript。请告诉我我该怎么办？

export const fetchUsers = createAsyncThunk(
    'user/fetchAll',
    async (_, {rejectWithValue}) => {
        try {
            const response = await axios.get<IUser[]>('https://jsonplaceholder.typicode.com/use2rs')
            return response.data
        } catch (e) {
            if (e instanceof Error) {
                return rejectWithValue(e.message)
            }

        }
    }
)

但是，当我使用这样的工具时，一切都很好。但是，我想利用createasyncthunk和recultwithvalue的便利性

export const fetchUsers = () => async (dispatch: AppDispatch) => {
    try {
        dispatch(userSlice.actions.usersFetching())
        const response = await axios.get<IUser[]>('https://jsonplaceholder.typicode.com/users')
        dispatch(userSlice.actions.usersFetchingSuccess(response.data))
    } catch (e: any) {
        dispatch(userSlice.actions.usersFetchingError(e.message))
    }
}

Answer 1

Instance Orror几乎永远无法使用，因为扩展 JavaScript内部类，例如错误>错误可能会导致从技术上不保留正确的属性链的类。这可能取决于您的转卸目标。

最好检查typeof error.message =='string'之类的东西，或者写下一些类型级：

function hasMessage(e: any): e is {message: string} {
  return e && typeof e.message == 'string'
}

// ...

if (hasMessage(e)) return rejectWithValue(e.message)