首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >连接到节点调试器(Next.js)时出现“无法读取源映射”错误

连接到节点调试器(Next.js)时出现“无法读取源映射”错误
EN

Stack Overflow用户
提问于 2020-12-10 15:40:25
回答 1查看 4K关注 0票数 8

我正在跟踪Next.js调试文档来设置本地调试环境。

“步骤1:在调试模式下启动Next.js”运行良好:

代码语言:javascript
运行
复制
> cross-env NODE_OPTIONS='--inspect' next dev

Debugger listening on ws://127.0.0.1:9229/e4bb955d-e3b2-4849-b6e7-0248e6a3d53e
For help, see: https://nodejs.org/en/docs/inspector
Loaded env from C:\Users\markj\workspace\my-app\.env.local
ready - started server on http://localhost:3000
info  - Using external babel configuration from C:\Users\markj\workspace\my-app\babel.config.js
event - compiled successfully

但是在“步骤2:连接到调试器”中,我在VSCode调试控制台中得到以下错误:

代码语言:javascript
运行
复制
Could not read source map for file:///C:/Users/markj/workspace/my-app/node_modules/next/dist/compiled/path-to-regexp/index.js: ENOENT: no such file or directory, open 'c:\Users\markj\workspace\my-app\node_modules\next\dist\compiled\path-to-regexp\index.js.map'
Could not read source map for file:///C:/Users/markj/workspace/my-app/node_modules/@next/react-refresh-utils/ReactRefreshWebpackPlugin.js: ENOENT: no such file or directory, open 'c:\Users\markj\workspace\my-app\node_modules\@next\react-refresh-utils\ReactRefreshWebpackPlugin.js.map'
Could not read source map for file:///C:/Users/markj/workspace/my-app/node_modules/typescript/lib/typescript.js: ENOENT: no such file or directory, open 'c:\Users\markj\workspace\my-app\node_modules\typescript\lib\typescript.js.map'
Could not read source map for file:///C:/Users/markj/workspace/my-app/node_modules/@next/react-refresh-utils/loader.js: ENOENT: no such file or directory, open 'c:\Users\markj\workspace\my-app\node_modules\@next\react-refresh-utils\loader.js.map'
Could not read source map for file:///C:/Users/markj/workspace/my-app/node_modules/@next/react-refresh-utils/internal/ReactRefreshModule.runtime.js: ENOENT: no such file or directory, open 'c:\Users\markj\workspace\my-app\node_modules\@next\react-refresh-utils\internal\ReactRefreshModule.runtime.js.map'

在这些错误中,当我试图附加断点时,它会写成"Unbound“,这并不奇怪。

环境:

  • Windows 10.0.19042
  • Node.js 12.20.0
  • Next.js 10.0.2
  • VSCode 1.51.1

任何帮助或想法都非常感谢!

EN

回答 1

Stack Overflow用户

发布于 2021-05-06 15:04:21

这本质上是由VSCode调试文件引起的--它不应该尝试和调试,即node_modules。在这方面有几个github问题,这里这里。我觉得很有用。实质上,解决方法是阻止VSCode关心这些文件,您可以通过设置"type":"pwa-node"并添加:

代码语言:javascript
运行
复制
"resolveSourceMapLocations": [
    "${workspaceFolder}/",
    "!/node_modules/**"
],

到您的launch.json下的.vscode

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65237645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档