我有一个示例 GoJS 的代码，由于某种原因无法正常工作，加载页面时显示为空答案

【问题标题】：I have a code for sample GoJS, which is not working for some reason , showing empty while loading the page我有一个示例 GoJS 的代码，由于某种原因无法正常工作，加载页面时显示为空
【发布时间】：2018-12-18 15:00:30
【问题描述】：

我已经尝试了所有可能的方法来使它工作。无法在我的代码中找到错误，加载时仍然出现空白页面。任何帮助将不胜感激。

<!DOCTYPE html>
<html>
<head>
<title>Flowchart</title>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.8.35/go.js"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.8.35/go-debug.js"/>
</head>

<body>

<div id="myDiagramDiv" style="width:400px; height:150px;"></div>
<script >
 window.onload = function () {
    var $ = go.GraphObject.make;
    var myDiagram = $(go.Diagram, "myDiagramDiv");
    var nodeDataArray = [
     {key : "Alpha"},
     {key : "Beta"}
    ];
    var linkDataArray = [
     {to : "Beta", from: "Alpha"}
    ];
     myDiagram.model = new go.GraphLinksModel(nodeDataArray , linkDataArray 
    );
  } 

 </script>
</body>
</html>

【问题讨论】：

<script src="../gojs/go.js"></script> 这实际上指向一个 go.js 文件吗？控制台说什么？
嗨西蒙，是的，它指向确切的 go.js 文件。即使我试过这个
无法弄清楚为什么简单的程序不起作用。在所有浏览器中都试过了。控制台没有错误

标签： html gojs

【解决方案1】：

您在第 12 行缺少引号：

<div id="myDiagramDiv" style="width:400px; height:150px; ></div>
                                                        ^

而且您不应该自行关闭您的 script 标签（参见 Matias Meno 的 To close or not to close）。

<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.8.35/go.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.8.35/go-debug.js"></script>

【讨论】：

嗨@Pierre C。我已经添加了引号，但仍然显示空白页面。
正如@Pierre C. 指出的那样，您的脚本标签必须采用以下形式：<script src="..."></script>。
感谢@WalterNorthwoods。起初我不确定这是否是强制性的，但它是为了让 script 标签起作用。我更新了我的答案以使其更清楚。
另外一个问题是，如果你有这两个脚本元素，你就会加载库两次。第一个是发布版，第二个是调试版。
您好，我很好奇您是否能够找到问题并解决问题。我是go.js 的新手，面临同样的问题。如果你已经解决了，请告诉我。您能否评论一下您正在运行的代码示例。

【解决方案2】：

如果有人正在寻找解决方案，那么在这里发布可能会有所帮助。

您在代码中犯了几个错误：

您正在将 <script> 与 init 函数加载到正文中的 div 元素之后，这是错误的。你应该把它放在头部。
您根本没有在加载文档时调用init 函数。它应该包含在body 标记中。

复制粘贴这段代码并测试，它应该可以工作：

<!DOCTYPE html>
<html>
    <head>
    <title>Flowchart</title>
    <link rel="icon" href="images/logo.jpg">
    <meta charset="UTF-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.8.35/go.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.8.35/go-debug.js"></script>
        <script>
            function init() {
                var $               =   go.GraphObject.make;
                var myDiagram       =   $(go.Diagram, "myDiagramDiv");
                var nodeDataArray   =   [
                                            {key : "Alpha"},
                                            {key : "Beta"}
                                        ];
                                        
                var linkDataArray   =   [
                                         {to : "Beta", from: "Alpha"}
                                        ];
                myDiagram.model     =   new go.GraphLinksModel(nodeDataArray , linkDataArray);
            } 

         </script>
    </head>

    <body onload="init()">
        <div id="myDiagramDiv" style="width:300px;height:300px;border:1px solid black"></div>
    </body>

</html>

【讨论】：