创建反应应用程序错误显示为捆绑.js行号和wepback.config.js无法修复映射

Question

我在本地运行一个create-react-app，命令npm startfrom package。. json，运行react-scripts start, react是18.1.0版本。

对于项目中的错误，我很难追踪错误，因为它们指向我这样的事情:ContentPage@http://localhost:3000/static/js/bundle.js:10910:5

而不是原始文件

我想我需要添加一个源映射到项目中，因为在根目录中没有webpack.config.js文件(在src/的父目录中)，我添加了一个并将其设置为内容:

module.exports = {
devtool: 'source-map'
};

但是再次运行npm start时，错误记录没有变化。

我应该采取什么步骤来让源映射在我的应用程序上工作?

Answer 1

使用'eval-source-map'为我解决了这个问题。