1

我一直在尝试让这个据说很容易安装的“轻量级图表”包（链接到 GitHub 页面），但总是有一些阻碍。在这两个安装选项中，第一个与 Firefox 争吵，它试图在允许 .js 文件之前对我的 localhost 加载的脚本文件强加一些荒谬的证书标准，我什至不能挂起异常，因为 Firefox 将首先“搜索在允许我单击灰色的“添加例外”按钮之前打开该页面。（当然，它永远无法通过网络搜索找到本地页面..）

第二个选项，“安装”/通过 CDN 引用似乎只是被阻止，因为我得到

"Uncaught ReferenceError: LightweightCharts is not defined"

...即使之前将包加载到头部。

这是非常简单的页面的屏幕截图。 在此处输入图像描述

const chart = LightweightCharts.createChart(document.getElementById('lwc'), { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
lineSeries.setData([
  { time: '2019-04-11', value: 80.01 },
  { time: '2019-04-12', value: 96.63 },
  { time: '2019-04-13', value: 76.64 },
  { time: '2019-04-14', value: 81.89 },
  { time: '2019-04-15', value: 74.43 },
  { time: '2019-04-16', value: 80.01 },
  { time: '2019-04-17', value: 96.63 },
  { time: '2019-04-18', value: 76.64 },
  { time: '2019-04-19', value: 81.89 },
  { time: '2019-04-20', value: 74.43 },
]);

<html>
  <head>
    <title>Turtle</title>
    <script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>
  </head>
  <body>
    <h1>Chart</h1>
    <div id="lwc"></div>
    <script src="lwc.js"></script>
  </body>
</html>

...这只是他们在 Github 上使用 .getElementById 而不是 .body 的细微变化的示例。

但不仅完全不行，而且我还发现有人拍了一个和我做一模一样的视频，第一次尝试就成功了！

因此，如果我不得不猜测，我会说某些东西可能会以某种方式阻止与该文件的 Internet 连接，从而导致标题中的SCR永远不会被引用。我尝试在安全模式下运行 Firefox，并将其加载到 Chrome 上，以确保它不是附加组件，但都失败了。然后我尝试通过 python 服务器运行该页面，但结果相同。我已经在这里搜索了 2 个小时，也没有找到更多相关信息。我能做些什么呢？

4

0 回答 0