Question

我正在尝试使用泳道NGX图表实现折线图[单线图不是多线]。但我收到一个错误，说：无法读取未定义的属性长度

我正在使用

angular-cli：1.0.0-beta.25.5
node：v7.2.1 npm：3.10.10
@泳道/ NGX-图表＆＃34; ：＆＃34; ^ 4.0.0

我卸载了ng2-charts，chart.js库，但我仍然收到此错误

日志：

ViewWrappedError__zone_symbol__error: Error: Error in ./ProgressReportComponent class ProgressReportComponent - inline template:62:56 caused by: Cannot read property 'length' of undefined
    at ViewWrappedError.Error (native)
    at ViewWrappedError.ZoneAwareError (http://localhost:4200/vendor.bundle.js:201399:33)
    at ViewWrappedError.BaseError [as constructor] 
TypeError: Cannot read property 'length' of undefined(…)

Answer 1

您正在根据此行安装最新的ngx图表

@swimlane/ngx-charts" : "^4.0.0"

package.json依赖项上的这个符号^表示npm包管理器下载最新版本的ngx-charts abocve 4.0.0而不是4.0.0，所以可能你有5版本的ngx-charts，这只是for角度4根据github页面（https://github.com/swimlane/ngx-charts）。

您正在使用angular-cli beta，因此如果我们假设您尚未更新角度依赖关系，那么您仍然使用角度版本2.

您有两种选择：

考虑更新Angular 4
从package.json中删除ngx-charts的@符号（@ swimlane / ngx-charts＆＃34;：＆＃34; 4.0.0＆＃34;），删除node_modules文件夹并运行npm install。

Ngx-charts：无法读取未定义的属性长度

1 个答案: