猿问

dygraphs 无法按预期工作,1.1.0 版确实可以使用 Waterfox 和 Safari

相关生成的html是...


<html>

<head>

<script type="text/javascript"

    src="dygraph-combined.js"></script>

<link rel="stylesheet" src="dygraph.css" />

</head>

<body>

<div id="graphdiv" style="height: 600px; width: 1100px"></div>

<script type="text/javascript">

g = new Dygraph(document.getElementById('graphdiv'),


"Date Time,Humidity,Temperature,Dewpoint,Voltage\n" +

"2020-03-19 15:10:01,23,36.7,12.2,5.166\n"  +

"2020-03-19 15:11:01,22,36.9,11.7,5.19\n"  +

"2020-03-19 15:12:01,22,37,11.78,5.19\n"  +

"2020-03-19 15:13:01,22,37.09,11.86,5.19\n"  +

"2020-03-19 15:14:01,22,37.09,11.86,5.19\n"  +

etc.

"2020-03-22 19:16:01,41,28.7,14.16,5.166\n"  +

"2020-03-22 19:17:01,41,28.7,14.16,5.166\n"  +

"2020-03-22 19:18:02,42,28.6,14.45,5.19\n"  +

"2020-03-22 19:19:02,42,28.6,14.45,5.19\n" 


)

</script>

</body>

</html>

现在有了 1.1.0 版本,不用担心,它会显示,但是较新版本的某些功能显然不可用,但是,如果我尝试使用 2.1.0 浏览器抱怨:来自“ http:// /raspbx.local/dygraphs-2.1.0/dygraph-combined.js ”已加载,即使其 MIME 类型(“text/html”)不是有效的 JavaScript MIME 类型。谷仓.html


带有源“ http://raspbx.local/dygraphs-2.1.0/dygraph-combined.js ”的加载失败。


然后从 dygraph-combined.js 更改为 dygraph.js 它抱怨: SyntaxError: import declarations may only appear at the top level of a module dygraph.js:45


ReferenceError: Dygraph 未定义 barn.html:21:1


现在研究了很多但不理解它,我最终改变了一大堆东西,比如确保所有各种 .js 文件中的每个导入行都包含一个“./”作为文件名的一部分(它丢失的地方)导入以及添加“.js”后缀。在 html 文件中也进行了更改


<script type="text/javascript"


<script type="module"

毕竟这一切,我现在留下的错误是:ReferenceError: Dygraph is not defined barn.html:11:1


现在,低于所有导入和“使用严格”;还有一些“var Dygraph=”,有:


Dygraph.NAME = "Dygraph";


Dygraph.VERSION = "2.1.0";


到目前为止,我的知识非常有限,我认为应该将其读取为应该由 .html 文件加载的 .js 模块的定义和名称,但现在我只剩下最后 3 股了头发,再也不知道了……救命!如果你能教育我......现在,我猜我在做一些愚蠢和愚蠢的事情,但为了我的生活,我需要一个更有知识的人向我指出这一点,拜托。


慕森王
浏览 87回答 1
1回答

天涯尽头无女友

有关更多详细信息,请参阅有关该问题的评论线程,但事实证明,dygraphs-2.1.0/dygraph-combined.js引用的文件实际上dygraph.js来自GitHub Releases 页面上 dygraphs 的 zip 文件。这不是获得 dygraphs 的正确方法。相反,请按照dygraphs 下载页面上的说明获取捆绑文件以进行分发。该页面包含指向 cdnjs 上托管的相同文件的链接,并可通过 npm 下载。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答