Question

我使用模板创建了一个ASP.NET Core 3 React和Redux项目。

我正在尝试调试TS文件。当我尝试在源TS文件的Visual Studio中设置一个断点时，没有一个断点到达我想要的位置。

例如下面的代码：

login: (email: string, password: string): AppThunkAction<KnownAction> => (dispatch, getState) => {
    const appState = getState();
    if (appState && appState.authentication) {
        let data = {
            email: email,
            password: password
        };
        fetch(`Authentication/Login`, {
            method: 'post',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(data)
        })
            .then(response => response.json() as Promise<User>)
            .then(user => {
                localStorage.setItem('user', JSON.stringify(user));
                dispatch({ type: 'LOGIN', user: user });
            })
            .catch(error => {
                dispatch({ type: 'ERROR', error: error });
            })
    }
},

如果我在鱼钩内的调度线上单击以设置一个断点，则该断点将放在其下方的}）线上。

如果我单击.catch行，以为它将断点放在调度行上，则该断点在“获取”行上结束于其上方的许多行。

如果我单击if（appState行设置断点，则断点最终位于let数据行上。

如果我随后运行该应用程序并在我执行该步骤时立即中断该断点，则它会正确执行提取操作，然后在我希望执行let数据时就结束。

如果我在Chrome或Edge中打开开发工具（都尝试过）并在此处设置断点，那么它可以让我在所需的行上设置断点，但执行时与执行时不匹配尝试进入Visual Studio。

我尚未更改tsconfig文件或任何其他有关映射的设置。

有人可以帮我弄清楚为什么我的调试似乎无法正常工作吗？

Visual Studio 2019 ASP.NET Core 3 TypeScript调试行不匹配

0 个答案: