Chart.JS在Xpages中不工作,未定义图表错误

Chart.JS在Xpages中不工作,未定义图表错误,chart.js,xpages,Chart.js,Xpages,我正在尝试在xpage中使用chart.js (来自chart.js网站的示例) var ctx=document.getElementById('myChart').getContext('2d'); var图表=新图表(ctx{ //我们要创建的图表类型 键入:“行”, //我们的数据集的数据 数据:{ 标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”], 数据集:[{ 标签:“我的第一个数据集”, 背景颜色:“rgb(255,99,132)”, 边框颜色:“r

我正在尝试在xpage中使用chart.js (来自chart.js网站的示例)


var ctx=document.getElementById('myChart').getContext('2d');
var图表=新图表(ctx{
//我们要创建的图表类型
键入:“行”,
//我们的数据集的数据
数据:{
标签:[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”],
数据集:[{
标签:“我的第一个数据集”,
背景颜色:“rgb(255,99,132)”,
边框颜色:“rgb(255,99,132)”,
数据:[0,10,5,2,20,30,45]
}]
},
//配置选项在这里
选项:{}
});
正在加载Chart.js和jquery,但我得到一个错误:

未捕获引用错误:未定义图表

而且

错误:jquery-3.4.1.min.js:2 jquery-3.4.1.min.js:2 jquery-3.4.1.min.js:2 jquery-3.4.1


为什么我会同时出现这两个错误?

我以不同的方式添加了我的资源,现在它似乎可以工作了。 谢谢佩尔·亨里克·劳斯滕为我指出了好的方向

   <xp:this.resources>
   <xp:headTag tagName="script">
   <xp:this.attributes>
    <xp:parameter name="type" value="text/javascript" />
    <xp:parameter name="src" value="https://code.jquery.com/jquery-3.4.1.min.js" />
   </xp:this.attributes>
  </xp:headTag>

  <xp:headTag tagName="script">
   <xp:this.attributes>
    <xp:parameter name="type" value="text/javascript" />
    <xp:parameter name="src" value="https://cdn.jsdelivr.net/npm/chart.js@2.8.0" />
   </xp:this.attributes>
  </xp:headTag>
 </xp:this.resources>

这是AMD模块加载器的问题。请参阅有关如何解决此问题的其他答案:-)
   <xp:this.resources>
   <xp:headTag tagName="script">
   <xp:this.attributes>
    <xp:parameter name="type" value="text/javascript" />
    <xp:parameter name="src" value="https://code.jquery.com/jquery-3.4.1.min.js" />
   </xp:this.attributes>
  </xp:headTag>

  <xp:headTag tagName="script">
   <xp:this.attributes>
    <xp:parameter name="type" value="text/javascript" />
    <xp:parameter name="src" value="https://cdn.jsdelivr.net/npm/chart.js@2.8.0" />
   </xp:this.attributes>
  </xp:headTag>
 </xp:this.resources>