Ant-design-pro: Sourcemaps Are Wrong

[robert-claypool]

1. Create and run a new app

npm install --global create-umi
mkdir my-app
cd my-app
npm create umi # choose `ant-design-pro` and `TypeScript`
npm install
npm run start

1. Open http://localhost:8000/ in Chromium or Chrome, then F12 for DevTools
2. Set a breakpoint at login.ts, line 47
3. Log out
4. Log in to trigger the breakpoint

Notice that the debugger is off by one line. Notice also that breakpoints cannot be placed on lines 44 and 57.

[jiangzm]

Same problem.

[chenshuai2144]

google waring or webpack waring？

[robert-claypool]

@chenshuai2144, I don't understand your question.

Edit: I think you are asking "Is Google Chrome wrong or is webpack wrong?"

[chenshuai2144]

Is Google Chrome wrong or is webpack wrong?

That's right. my english is poor.

@sorrycc cc

[robert-claypool]

No problem, my Mandarin is terrible! 😂

[chenshuai2144]

try this config https://umijs.org/config/#devtool.

use sourcemap

[KevinShen620]

我也碰到了一样的问题，通过官方文档指导初始化项目，语言选择了 typesciprt。观察了下，源码与断点应该是错开了一行，

[chenshuai2144]

We are very concerned about this issue, but he has not responded for a long time. We will temporarily close it