无法解析源地图

Question

我使用 rollup 创建了一个 npm 库。然后，我在 React 项目中安装并使用它。当我 npm 启动项目时，它向我抛出了这一行：

Failed to parse source map from 'C:\Users\XXXX\Desktop\example\node_modules\@AAA\BBB\src\components\Button\Button.tsx' file: 
Error: ENO ENT: no such file or directory, open 
'C:\Users\XXXX\Desktop\example\node_modules\@AAA\BBB\src\components\Button\Button.tsx' 

这就像一个警告，更像是一个错误，因为按钮有效并且 webpack 告诉我“没有发现问题”。

在 node_modules 文件夹中，我有 @AAA/BBB 文件夹，其中包含 /dist/cjs 和 /dist/esm。我不知道什么可以在节点模块中的 /src 中产生搜索。

谢谢您的宝贵时间<3

Answer 1

GENERATE_SOURCEMAP=false您可以通过添加到.env文件中来删除警告

实际上，CRA 和 Webpack 5.x 导致了这个问题。他们正在努力解决（https://github.com/facebook/create-react-app/pull/11752）

Answer 2

如果您只想在本地禁用源映射，您可以在本地yarn或npm脚本中禁用它。

 "scripts": {
    "start": "GENERATE_SOURCEMAP=false && react-scripts start",

现在，仅当您在本地运行应用程序时，源映射才会被禁用。