Comments (9)
Hi and thanks for the report! Are you using Typescript? That must come from the types I use from @vue/runtime-core
.
I need to add it to the dependencies then :/
For bundlephobia it is okay if it's just types? (Mentioning @DRoet too since he know better than me :D)
from vue-chart-3.
Try 0.4.9
from vue-chart-3.
better :) still @vue/runtime-dom
left
ERROR in .../node_modules/vue-chart-3/types/vueproxy.types.d.ts(2,81):
2:81 Cannot find module '@vue/runtime-dom' or its corresponding type declarations.
1 | import { ComponentRenderProxy, ExtractDefaultPropTypes, ExtractPropTypes } from '@vue/composition-api';
> 2 | import { ComputedOptions, CSSProperties, MethodOptions, ShallowUnwrapRef } from '@vue/runtime-dom';
| ^
3 | import { ComponentOptions, VueConstructor } from 'vue';
4 | import { DefaultComputed, DefaultData, DefaultMethods } from 'vue/types/options';
5 | export declare type VueProxy<PropsOptions, RawBindings, Data = DefaultData<Vue>, Computed extends ComputedOptions = DefaultComputed, Methods extends MethodOptions = DefaultMethods<Vue>> = ComponentOptions<Vue, ShallowUnwrapRef<RawBindings> & Data, Methods, Computed, PropsOptions, ExtractPropTypes<PropsOptions>> & VueConstructorProxy<PropsOptions, RawBindings, Data, Computed, Methods>;
ERROR in .../node_modules/vue-chart-3/types/vueproxy.types.d.ts(7,117):
7:117 Type 'Computed' does not satisfy the constraint 'ComputedOptions'.
5 | export declare type VueProxy<PropsOptions, RawBindings, Data = DefaultData<Vue>, Computed extends ComputedOptions = DefaultComputed, Methods extends MethodOptions = DefaultMethods<Vue>> = ComponentOptions<Vue, ShallowUnwrapRef<RawBindings> & Data, Methods, Computed, PropsOptions, ExtractPropTypes<PropsOptions>> & VueConstructorProxy<PropsOptions, RawBindings, Data, Computed, Methods>;
6 | declare type VueConstructorProxy<PropsOptions, RawBindings, Data, Computed extends ComputedOptions, Methods extends MethodOptions> = VueConstructor & {
> 7 | new (...args: any[]): ComponentRenderProxy<ExtractPropTypes<PropsOptions>, ShallowUnwrapRef<RawBindings>, Data, Computed, Methods, ExtractPropTypes<PropsOptions>, ExtractDefaultPropTypes<PropsOptions>, true>;
| ^
8 | };
9 | export declare type VueInputEvent = Event & {
10 | target: HTMLInputElement;
Version: typescript 4.3.5
from vue-chart-3.
Rahh sorry about this, deploying another fix :(
from vue-chart-3.
No problem at all, thanks for you work!
from vue-chart-3.
Hmm, got some other errors, actually afaik they are the same errors that I got in #10 when I've added @vue/*
to my project
ERROR in .../node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts(1418,15):
1418:15 Interface 'Element' cannot simultaneously extend types 'VNode<RendererNode, RendererElement, { [key: string]: any; }>' and 'VNode'.
Named property 'children' of types 'VNode<RendererNode, RendererElement, { [key: string]: any; }>' and 'VNode' are not identical.
1416 | declare global {
1417 | namespace JSX {
> 1418 | interface Element extends VNode {}
| ^
1419 | interface ElementClass {
1420 | $props: {}
1421 | }
ERROR in .../node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts(1418,15):
1418:15 Interface 'Element' cannot simultaneously extend types 'VNode<RendererNode, RendererElement, { [key: string]: any; }>' and 'VNode'.
Named property 'key' of types 'VNode<RendererNode, RendererElement, { [key: string]: any; }>' and 'VNode' are not identical.
1416 | declare global {
1417 | namespace JSX {
> 1418 | interface Element extends VNode {}
| ^
1419 | interface ElementClass {
1420 | $props: {}
1421 | }
ERROR in .../src/types/shims-tsx.d.ts(11,7):
11:7 Duplicate string index signature.
9 | interface ElementClass extends Vue {}
10 | interface IntrinsicElements {
> 11 | [elem: string]: any;
| ^
12 | }
13 | }
14 | }
Version: typescript 4.3.5
from vue-chart-3.
Ok this is not normal, have you added "skipLibCheck": true
in your tsconfig to avoid that? I had no problem with the Vue 3 + typescript demo
from vue-chart-3.
As I mentioned here and in #10 adding skipLibCheck
removes the errors, but for me hiding errors is rather a temporary workaround, not the solution.
Also same like in #10 I'm using Vue 2 with plugin, not Vue 3
from vue-chart-3.
Yeah the problem with skipLibCheck
is it will check code that isn't yours. So it's code that should already have been built or tested so I enable it all the time.
And for the error you have it's from @vue/runtime-dom
so I can't do anything :/
from vue-chart-3.
Related Issues (20)
- Wrapper crashes if chartData is updated HOT 9
- [ERR_REQUIRE_ESM]: require() of ES Module [...]/node_modules/vue-chart-3/dist/index.cjs not supported HOT 3
- Advanced axes, multi dataset, and histogram capabilities failure HOT 3
- missing version information in vue-cli
- Broken chart when modifying the dataset in onMounted() HOT 1
- LineChart X-axes data collapses to 0 on update of source data HOT 2
- Cannot set background gradient HOT 1
- Typescript errors appeared after installing vue-char-3
- Click event handler? HOT 1
- vue-chart-3 blocks hmr update feature (vite)
- [vue-composition-api] must call Vue.use(VueCompositionAPI) before using any function HOT 2
- Can I use the option HOT 1
- Move to vue-chartjs. HOT 2
- Deprecate package on NPM HOT 1
- Accessing the ref HOT 2
- Cannot find module `chart.js/helpers` imported from `/node_modules`
- Vue2 and vue-chart-3 fail after 2.7 backport of composition API HOT 5
- MixedChart error
- LineChart background gradient fail
- Chart outdated HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-chart-3.