RequireJS-在页面内部看不到变量

Question

我正在尝试弄清为什么在新站点中不断出现这些错误：

<script data-main="/2018/v5/js/app" src="/2018/v5/js/lib/require.js" async="true"></script>
<title>Title</title>

<script>window.VARS = {
 thisPage: "home_new",
 temp_set: "luna"
 };
</script>

但是，在 some 中（有时，我的意思是根本没有很多），我得到一个错误：

  

TypeError：window.VARS未定义

我认为问题在于window.VARS设置在正文中（我们使用它来转移与页面相关的参数）。只是将其移动到DOM周围会有帮助吗？即：

<title>Title</title>

<script>window.VARS = {
 thisPage: "home_new",
 temp_set: "luna"
 };
</script>
<script data-main="/2018/v5/js/app" src="/2018/v5/js/lib/require.js" async="true"></script>

很难测试，因为我根本无法复制此问题-但我看到了Errorception.com（我们用于跟踪外部错误的系统）中的错误，因此我知道了一个问题。如果可能的话，我想修复它。

Answer 1

它应该可以解决您的问题，但是在任何情况下，都要避免这种情况，这是一个好习惯：

 window.VARS = window.VARS || {};
 window.VARS.thisPage= "home_new";
 window.VARS.temp_set= "luna"

，并且每次尝试在其上设置属性时都遵循相同的模式。

我刚刚意识到的另一种更简单的方法是defer执行脚本，直到页面加载完毕：

 <script data-main="/2018/v5/js/app" src="/2018/v5/js/lib/require.js" async="true" defer></script>