6

我已经创建了一个内置 typescript 模板的 Create React App 应用程序，然后我使用 npm 安装了 MSW，并根据 MSW 安装指南创建了文件。它非常适合开玩笑，但是对于浏览器，当我使用启动脚本时，我收到了一堆警告：

WARNING in ./node_modules/@mswjs/interceptors/lib/utils/uuid.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '<ROOT_DIR>\node_modules\@mswjs\interceptors\src\utils\uuid.ts' file: Error: ENOENT: no such file or directory, open '<ROOT_DIR>\node_modules\@mswjs\interceptors\src\utils\uuid.ts'
 @ ./node_modules/@mswjs/interceptors/lib/interceptors/fetch/index.js 167:13-40
 @ ./node_modules/msw/lib/esm/index.js 12:0-76 1568:14-28
 @ ./src/mocks/browser.ts 3:0-34 6:22-33
 @ ./src/index.tsx 8:0-41 10:0-12

和类似...

我找不到任何答案，所以我向您寻求帮助。

4

1 回答 1

11

更新：问题已在msw 0.38.0中修复。

上一个答案：

你在用react-scripts 5吗？ Webpack 5在那个版本中使用的与某种方式react-scripts发生冲突。msw

你现在有几个选择：

  1. .env通过在项目的根目录中添加一个文件来禁用源映射，GENERATE_SOURCEMAP=false以便您可以保留react-scripts 5；
  2. 降级react-scripts到v4.

更多关于kettanaito发布的github 问题

于 2022-01-14T00:06:16.843 回答