Question

我正在尝试将ZingCharts添加到我的Aurelia项目中。我将代码复制并粘贴到我的Aurelia代码中，但是当我运行它时，我收到以下错误：＆＃34;无法读取属性＆＃39;渲染＆＃39;未定义＆＃34;。

我使用npm zingchart导入了ZingChart。然后我添加了＆＃34; zingchart＆＃34;到aurelia.json中的依赖项。在我的aurelia javascript课程中，我将其添加到顶部：import zingchart from 'zingchart';并复制/粘贴了＆＃34;我的第一张图表＆＃34;将ZingChart中的示例代码转换为attached方法。

任何提示都将不胜感激。如果你想看一下，我的代码在GitHub上。

https://github.com/BizArk/JobMon/tree/ZingChart/JobMonWeb

我添加ZingCharts的javascript文件位于dashboard.js

更新 - 我仍然无法解决这个问题，但这里有一些我尝试过但没有用的东西......

删除了node_modules并重新安装了所有内容（npm install）
卸载/重新安装aurelia-cli。它似乎有些麻烦，我可能已经相关，但它现在工作正常，原来的问题仍然没有解决。
尝试将zingcharts.min.js放在前置部分。令人惊讶的是我得到了同样的错误，如果我把它放在这里，我预计它会至少略有不同。

UPDATE＃2 - 在zingchart / index.js中，我将require更改为../node_modules/zingchart/client/zingchart.min.js并且它工作正常（没有错误和图表显示）。但是，这不是正确的。路径不应该相对于文件吗？这是Gulp中的一个错误吗？

Answer 1

aurelia.json依赖项列表的格式不完整，缺少必要的详细信息。它应该采用以下最小格式：

{
  "name": "zingchart",
  "path": "../node_modules/zingchart",
  "main": "index"
}

由于我不熟悉特定的库，您必须检查路径（到repo的根文件夹，其中主要.js file is）和 main （主.js文件的文件名，没有 .js扩展名）。 from语句的import条款必须与aurelia.json中的名称相匹配（例如import classname from "repo_name";）。

获取＆＃34;无法阅读财产＆＃39;渲染＆＃39;未定义＆＃34;在zingchart

1 个答案: