reactjs - vad är skillnaden mellan webpack:// och webpack-internal://

Jag skriver ett webpack-react-typescript-kit, och jag har upptäckt att source-map inte kan peka på källkoden.

Det pekar på webpack-internal://src/App.tsx-fil, den här filen har viss webpack-injektionskod.

En annan dator har både webpack:// och webpack-internal domänen, och källkartläggningen, som i webpack://-domänen inte kan peka till den aktuella källkoden.

Så det jag vill veta är:

  1. Vad är skillnaden mellan webpack och webpack-internal?
  2. Varför har en dator webpack:// och den andra inte?

Svar #1

Det finns ett fel i Chrome som visar källkartor, vilket är anledningen till att det är suffixerat på det sättet.

https://github.com/webpack/webpack/blob/8a7597aa6eb2eef66a8f9db3a0c49bcb96022a94/lib/EvalSourceMapDevToolModuleTemplatePlugin.js#L88-L95

Chrome-teamet verkar vara neutralt till att lösa detta https://twitter.com/ChromeDevTools/status/960972070711476224

Relaterade artiklar