javascript - RequireJS 偶发 404

Question

我偶尔会收到以下脚本加载错误(例如 20 次中有 1 次):

Failed to load resource: the server responded with a status of 404 (Not Found)

我已经阅读了这里的各种其他帖子，但我没有立即看出我犯了哪个问题。这是我的设置:

我有一个带有 data-main 的脚本标记，它加载文件 common.js。这对于几个页面来说是常见的:

<script data-main="path/to/common.js" src="path/to/require.js"></script>

common.js 是我通过 require.config({...

加载所有常见项目密度的地方

然后，在单个页面中为了加载页面特定脚本，我执行以下操作:

<script type="text/javascript">
   require(['common'], function() {
     require(['/path/to/myScript']);
   });
</script>

myScript 取决于加载的 common。

尽管数据主加载了“异步”，但我的外部需求定义中的“常见”依赖关系强制在“myScript”之前加载？

Answer 1

您的数据主文件应该是脚本的唯一入口点。由于 data-main 文件是异步加载的，因此不能完全保证您的 script-tag 脚本在加载 data-main 文件后运行。

如果您根本无法将 data-main 作为唯一的入口点，我会在上面定义一个函数，您可以在其中加载 require.js，该函数在 data-main 文件的末尾执行。

<script>
// unfortunately global
window.initializer = function() {
  require(['/path/to/myScript']);
}
</script>

<script data-main="path/to/common.js" src="path/to/require.js"></script>

然后在您的数据主文件中:

require.config = {
  // ...
}

initializer()

我还会考虑将 common.js 重命名为 config.js，因为这就是 data-main 文件的用途。