gil*_*sky 9 javascript reactjs
我对 JavaScript 和 React 非常陌生，我知道 chrome 开发工具中的“Sources\xe2\x80\x9d”选项卡应该让我在浏览器中查看我的 JavaScript 文件，但事实并非如此。\n我认为这就是该程序没有实现其预期目的的原因。
\n\n索引.html-
\n\n<!DOCTYPE html>\n<html>\n\n <head>\n <meta charset="utf-8">\n <title>Project One</title>\n <link rel="stylesheet" href="./semantic-dist/semantic.css" />\n <link rel="stylesheet" href="./style.css" />\n <script src="vendor/babel-standalone.js"></script>\n <script src="vendor/react.js"></script>\n <script src="vendor/react-dom.js"></script>\n\n </head>\n\n <body>\n <div class="main ui text container">\n <h1 class="ui dividing centered header">Popular Products</h1>\n <div id="content"></div>\n </div>\n\n <script src="./js/seed.js"></script>\n <script type="text\\babel" data-plugins= "transform-class-properties" src="./js/app.js"></script>\n <!-- Delete the script tag below to get started. -->\n </body>\n\n</html>\n\napp.js-\n\nclass ProductList extends React.Component {\n render() {\n return(\n <div className = \'ui unstackable items\'>\n Hello Friend!, I am a basic React Component\n </div>\n );\n }`enter code here`\n}\nReactDOM.render(\n <ProductList />,\n document.getElementById(\'content\')\n);\nMoh*_*tab 10
这个问题在这个堆栈溢出帖子中得到了解答
在开发者工具中打开网络选项卡并刷新（快捷方式为 f5） 或 打开 chrome 开发工具 -> 设置 -> 恢复默认值并恢复
一般来说，当您按CTRL + P然后搜索所需文件时，它应该在 Chrome 开发工具的源选项卡中向您显示源文件，例如 js 文件（快捷方式 - F12）
如果由于任何明显的原因没有显示您正在查找的文件没有在当前 UI 页面中被调用或使用，那么
在开发者工具中打开网络选项卡并刷新
如果不起作用那么
打开 chrome 开发工具 -> 设置 -> 恢复默认值并恢复
\n\n\n我知道 Chrome 开发工具中的“Sources\xe2\x80\x9d”选项卡应该让我在浏览器中查看 JavaScript 文件，但事实并非如此。
\n
your-project/src您通常通过 Chrome 显示的对话框添加目录。然后，Chrome 在浏览器窗口顶部显示一个狭窄的水平条，要求您确认 Chrome 对所选磁盘目录的访问权限。酒吧很容易被忽视。
添加目录后，如果不能设置断点，则没有多大用处。Chrome 需要源映射来实现这一点。如果加载了源映射，则 Chrome 会在每个源文件的图标上叠加一个绿点，表示可以设置该文件内的断点。
\n\n看起来您正在将语义 ui 与 React 一起使用。如果您想要一个样板项目，其中包含与 Chrome 及其“Sources”选项卡相关的所有设置和详细调试说明，那么请查看scrap-react
\n| 归档时间： |
|
| 查看次数： |
22587 次 |
| 最近记录： |