Debugging 如何在WebStorm中调试纱线/npm
通常我使用Debugging 如何在WebStorm中调试纱线/npm,debugging,npm,webstorm,yarnpkg,Debugging,Npm,Webstorm,Yarnpkg,通常我使用warn并使用warn start启动我的Node.js应用程序。我在WebStorm中尝试了同样的方法来调试它,但应用程序并没有在浏览器中启动,怎么了?我可以启动应用程序,但不能调试它 Package.json: { "name": "ticket", "version": "0.1.0", "private": true, "dependencies": { "@material-ui/core": "^4.6.1", "@material-ui/
warn
并使用warn start
启动我的Node.js
应用程序。我在WebStorm
中尝试了同样的方法来调试它,但应用程序并没有在浏览器中启动,怎么了?我可以启动应用程序,但不能调试它
Package.json:
{
"name": "ticket",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.6.1",
"@material-ui/icons": "^4.5.1",
"axios": "^0.19.0",
"facebookgraph": "^0.4.0",
"react": "^16.11.0",
"react-dom": "^16.11.0",
"react-facebook-login": "^4.1.1",
"react-scripts": "3.2.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"prettier": "^1.19.1",
"pretty-quick": "^2.0.1"
}
}
默认情况下,WebStorm读取package.json并将所有命令放在左侧菜单中 因此,如果您想添加更多命令,只需编辑package.json中的scripts部分
例如,您可以单击开始,然后运行脚本您的“开始”脚本是什么样子的?我添加了
Package.json
hmm。。。是否要调试react脚本
模块代码?我添加了Package.json
,请查看?