Question

我以为我理解浏览器是如何工作的，但似乎并非如此。：（

给出一个网页：

<html>
  <head>
    <meta charset="utf-8">
    <title>My website</title>
    <link rel="stylesheet" href="styles/main.css" charset="utf-8">
  </head>
  <body>
    <div id="container"></div>
    <script src="scripts/main.js" charset="utf-8"></script>
  </body>
</html>

由nodejs本地服务，网络面板：

好的，对。但是网络活动中出现了更多来源而不是：

他们如何到达那里？我在src/scripts/main.jsx或其他任何地方都没有看到/node_modules或main.js的引用。

背景这肯定是由于我的gulp构建中的一些错误，特别是使用browserify（和babel / react）。我在那里做错了，但是我更难以理解我的浏览器中是如何出现这些来源的。

Answer 1

此处的差异很可能是由于source maps造成的。在来源选项卡中，单击右上角的菜单图标，然后选择设置。从这里取消选中＆＃34;启用JavaScript源地图＆＃34;并刷新以确定这是否确实是罪魁祸首。

消息来源神秘地出现

1 个答案: