reactjs React开发工具：“解析挂钩名称”操作引发“挂钩解析失败”错误

kpbpu008 于 2023-01-04 发布在 React

关注(0)|答案(2)|浏览(164)

当我使用react dev工具检查代码时，我注意到一些钩子触发了这个错误，并导致“parse hook names”动作出错。

main.js:4878 Error: Could not find runtime location for line:177321 and column:81
    at Object.originalPositionFor

从this thread on Facebook/React issues开始，看起来它可能与webpack源代码Map有关。有人知道是什么原因导致了这个问题吗？这不仅发生在自定义钩子上，还发生在我的代码库中的标准useState和usecallback钩子上。
第一节第一节第一节第一节第一次

reactjs

来源：https://stackoverflow.com/questions/69624612/react-dev-tools-parse-hook-names-action-throws-a-hook-parsing-failed-error

2条答案

按热度按时间

mkshixfv1#

这确实与webpack devtool选择如何处理源Map有关。
如果你想快速修复，尝试更新你的webpack如下：

// webpack.config.js

module.exports = {
  //  ...

  return {
     devtool: "cheap-module-source-map",
     
     // or if you're using the same webpack config for prod + dev:
     // devtool: process.env["NODE_ENV"] === "development" ? "cheapmodule-source-map" : "source-map",

    // ... 
  }
}

cheap-module-source-map已经为我和其他一些人工作过了。但它不一定是唯一的一个，它也有一些折衷。如果你想尝试其他devtools并了解更多，请参阅webpack devtool docs

赞(0）回复(0）举报 2023-01-04

csga3l582#

虽然我没有看到你发布的错误行，但这经常发生在我身上，通常通过更新我的浏览器（勇敢）来修复。

赞(0）回复(0）举报 2023-01-04