爲什麼提取錯誤在我的單頁應用程序中沒有堆棧跟蹤？

我有兩個簡單的包裝處理單個頁面應用程序中的請求。一包fetch，如果一個反應是不正常引發錯誤（沒有在200-300範圍內）：爲什麼提取錯誤在我的單頁應用程序中沒有堆棧跟蹤？

const fetchy = (...args) => 
    fetch(...args).then(response => { 
    if (response.ok) { 
     return response 
    } 

    throw new Error(response.statusText) 
    }) 

export default fetchy

還有一包fetchy，用於GET請求：

const get = endpoint => { 
    const headers = new Headers({ Authorization: `Bearer ${TOKEN}` }) 
    const init = { method: 'GET', headers } 

    return fetchy(endpoint, init) 
}

現在我「M在像這樣的操作使用它們（這是一個redux-thunk行動的創建者）：

export const fetchArticles =() => dispatch => { 
    dispatch({ type: types.FETCH_ARTICLES }) 

    return get(endpoints.ARTICLES) 
    .then(response => response.json()) 
    .then(data => normalize(data.items, [schemas.articles])) 
    .then(normalized => dispatch(fetchArticlesSuccess(normalized))) 
    // fetch errors caught here do not have error.stack 
    .catch(error => dispatch(fetchArticlesFail(error))) 
}

所以我趕上在獲取自身（網絡錯誤）這兩個錯誤，並從012返回的錯誤包裝（api錯誤）。問題是來自fetchArticles的抓取網絡錯誤不包含堆棧跟蹤。所以error.stack不存在。這是搞亂我的錯誤報告。

這是一個有效的錯誤，並且error instanceof Error === true和error.message === 'Failed to fetch'。那麼爲什麼這個錯誤沒有堆棧跟蹤？我該如何解決它？這似乎也許我可以添加一個錯誤回調fetchy並重新拋出任何錯誤，但這對我來說似乎很奇怪（但也許我錯了）。

來源

2017-05-05 vsjn3290ckjnaoij2jikndckjb

顯然，error.stack是非標準的：https：//developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Error/stack。但是，由於該錯誤是在支持error.stack的瀏覽器（Chrome 57）中引發的，因此抓取沒有堆棧跟蹤似乎很奇怪。它不使用相同的錯誤構造函數嗎？ – vsjn3290ckjnaoij2jikndckjb

獲取錯誤是異步創建的&與JavaScript的特定行不直接相關。雖然我同意，如果包含獲取調用的行，這將會有所幫助。我已經提交了錯誤此https://bugs.chromium.org/p/chromium/issues/detail?id=718760

作爲一種變通方法，你可以趕上提取錯誤，並拋出一個新的錯誤，如果有在堆棧中沒有編號：

function fetchy(...args) { 
    return fetch(...args).catch(err => { 
    if (!err.stack.match(/\d/)) throw TypeError(err.message); 
    throw err; 
    }).then(response => { 
    if (response.ok) return response; 
    throw Error(response.statusText); 
    }); 
}

這裏有這樣一個例子運行http://jsbin.com/qijabi/edit?js,console

來源

2017-05-05 11:56:22

感謝您提交錯誤報告。也是很好的解決方法，我有一個類似的解決方法，但在鏈的末尾有'.catch'，這不像修復那樣高效。謝謝！ – vsjn3290ckjnaoij2jikndckjb

是的，抓到最後也會起作用，但儘可能接近抓取意味着它會給你一個更接近你之後的行號。 –

爲什麼提取錯誤在我的單頁應用程序中沒有堆棧跟蹤？

回答

相關問題