Javascript VSCODE断点被忽略,因为找不到生成的代码
我正在尝试将Javascript ES6与visual studio代码一起使用,使用。我的代码在chrome中运行,甚至在vscode中的调试器扩展中运行,但没有sourcemaps。使用sourcemaps时,我有一个错误:Javascript VSCODE断点被忽略,因为找不到生成的代码,javascript,debugging,visual-studio-code,source-maps,Javascript,Debugging,Visual Studio Code,Source Maps,我正在尝试将Javascript ES6与visual studio代码一起使用,使用。我的代码在chrome中运行,甚至在vscode中的调试器扩展中运行,但没有sourcemaps。使用sourcemaps时,我有一个错误: Breakpoint ignored because generated code not found (source map problem?). 这可能是路径问题,vscode无法找到原始文件 我的项目结构是: testjs/ ├── src/ │ ├── m
Breakpoint ignored because generated code not found (source map problem?).
这可能是路径问题,vscode无法找到原始文件
我的项目结构是:
testjs/
├── src/
│ ├── modules.css
| | └── person.js
│ └── index.js
├── dist/
│ ├── modules
| | ├── person.js
| | └── person.js.map
| ├── index.js
│ └── index.js.map
所有配置文件和index.html都位于根目录(testjs文件夹)中。以下命令使用src中的文件并输出dist中的文件。index.html包括dist/index.js
browserify src/index.js -t [ babelify ] -d | exorcist dist/index.js.map > dist/index.js
Sourcemaps路径如下所示:
index.js.map
"sources": [
"../../AppData/Roaming/npm/node_modules/browserify/node_modules/browser-pack/_prelude.js",
"src\\index.js",
"src\\modules\\person.js"
],
"sourceRoot": ""
person.js.map
"sources": [
"../../AppData/Roaming/npm/node_modules/browserify/node_modules/browser-pack/_prelude.js",
"src\\modules\\person.js"
],
"sourceRoot": "",
和我的launch.js文件:
{
"version": "0.1.0",
"configurations": [
{
"name": "Attach",
"type": "chrome",
"request": "attach",
"port": 9222,
"url": "file:///C:/<PATH_TO_testjs_FOLDER>/index.html",
"webRoot": "${workspaceRoot}",
"sourceMaps": true,
"trace": true
}
]
到
似乎工作,但出于某种原因,我不得不点击重启3次,使其工作。所以我觉得还是有问题
"webRoot": "${workspaceRoot}"
"webRoot": "${workspaceRoot}"