"TypeError: Reflect.getPrototypeOf called on non-object" with local plugins

[leobia]

Hi,

I'm getting an error during the registration of this plugin with chart.js 3.4.1 and vue 2.6:

TypeError: Reflect.getPrototypeOf called on non-object

For the registration of the plugin I followed the doc here

You can replicate the issue with this sandbox

I've opened the issue here because I think that it depends on this plugin (but I'm not sure, correct me if I'im wrong) as If you comment line 9 and line 28 the error does not seems to appear

[simonbrunel]

There is indeed an issue but it's not related to the datalabels plugin, which works correctly (you can actually see labels on points).

This issue can be reproduced with an empty (local) plugin: plugins: [{}] so I guess it's a bug in the core lib.

Probably related on how proxied options fallback to local plugins.

[kurkle]

Could not reproduce wihtout Vue

[kurkle]

Making the chart non-reactive resolves the problem: https://codesandbox.io/s/headless-wave-p8jpi?file=/src/App.vue

[leobia]

Making the chart non-reactive resolves the problem: https://codesandbox.io/s/headless-wave-p8jpi?file=/src/App.vue

Yes, you're right. I guess for now I will use something like this: https://codesandbox.io/s/compassionate-hooks-yu3n2?file=/src/App.vue

Thank you very much

[Siedlerchr]

I have the same with ng2-charts for Angular

[etimberg]

I did some digging. This is appears to be due to how Vue observes the chart object. I suspect this would occur with plugins registered globally as well. The error occurs when Vue is trying to observe Chart._plugins._init[6].options. The plugin has no scopes, and as a result this code calls Reflect.getPrototypeOf(undefined). A simple solution here might be to guard the scope passed in as const scope = scopes[0] || {} to ensure that no falsy values get passed.

getPrototypeOf() {
  return Reflect.getPrototypeOf(scopes[0]);
},