轻量级图表 - 未捕获的 ReferenceError：未定义 LightweightCharts

问题描述

我一直试图让这个据说很容易安装的“轻量级图表”包运行起来 (link to GitHub page)，但总是有一些东西挡住了路。在两个安装选项中，第一个与 Firefox 争吵，它试图在允许 .js 文件之前对我的本地主机加载的脚本文件强加一些荒谬的证书标准，我什至无法挂起异常，因为 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',{ time: '2019-04-17',{ time: '2019-04-18',{ time: '2019-04-19',{ time: '2019-04-20',]);

<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 进行了细微的更改。

但它不仅根本不起作用，而且我还发现有人制作了一个与我做完全相同的事情的视频，并且首先尝试成功！

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript lightweight-charts