Comments (10)
@tartinesKiller any news on this?
I have cloned the project and used it without any problems...
If it is working for you now could you please close the issue?
Thanks!
from vue2vis.
Hello @Menighin, I'm sorry for the delay, but it's been a busy week, I'll try to spend some time to test it this evening.
Thanks again, have a good day!
from vue2vis.
Hi @tartinesKiller,
Can you show me the code on how you are using it? Are you importing the css as in the example?
from vue2vis.
Hi, thanks for the answer, and sorry for not including sample
In my main.js:
import { Timeline } from "vue2vis";
...
Vue.component("timeline", Timeline);
...
And in my component:
<template>
<div id="enclosingTimeline">
<timeline :items="items" :options="options" :groups="groups" />
</div>
</template>
<script>
import moment from "moment";
import Vue from "vue";
import "~vis/dist/vis.css";
...
~ is configured to be an alias for node_modules.
I think the css is imported as it should be, but it seems webpack couldn't find the vis.js images.
I've also found this discussion: webpack-contrib/css-loader#253 the errors seems similar, but the provided fix won't work.
If I manually copy the "img" folder from node_modules/vis to the place where my component is, it works, but I don't think it is a "long-term" fix.
Thanks again for your help, and thanks to all the contributors for this useful wrapper!
from vue2vis.
Humm that's weird.
If I manually copy the "img" folder from node_modules/vis to the place where my component is, it works.
This means you copy to where the vue2vis is or to where your component itself is?
Also, could you please try using Vis without Vue2Vis, importing the CSS, just to check if it would work?
from vue2vis.
I am having the similar problem. It can not find css file.
I checked the node-modules folder and could not see any css file there. I had installed with npm install --save vue2vis
as described.
Can you revise it.
Thanks, regards.
from vue2vis.
Hi @erhansaydam, is it vis.css
file?
If so, you should import it by yourself like we do in the examples here
@alexcode I think we should remove the Vis
dependency from this project and let the user inject the version he wants too... Then this kind of problems vis-related should disappear... Been busy but will have a look on how to do it asap...
from vue2vis.
@tartinesKiller, vue2vis
doesn't have any css and that's normal but we shall include vis css. Your node-modules
should includes vis
dependency. Is it not the case ?
@Menighin, I agree that Vis
should be move to devDependencies.
from vue2vis.
@tartinesKiller, I believe the commit f0f6178 should solve this. Please let me know.
from vue2vis.
Hi, I'm sorry for the (very) long delay.
Unfortunately, even after the commit, the same error occurs.
However, the examples works well, so I guess the problem comes from my configuration of webpack.
I've tried one more time: doing @import "vue2vis/dist/vue2vis.css"; in style tag, webpack does not search images inside node_modules/vue2vis/etc, but in the folder where my components is located (creating a "images" folder and dropping all images inside the folder produces no errors).
I am surely missing a key point in configuration, but can't figure out what.
Sorry to leave an issue opened so long, maybe we can close it? As it seems to be a problem with my configuration rather than with vue2vis.
Thanks again for the help!
from vue2vis.
Related Issues (20)
- Dependency not found HOT 2
- Marker Support HOT 1
- items are added but not visible on timeline HOT 5
- Wind feature is missing from physics option HOT 2
- Custom template for network
- Graph2d zoom and slide not working very well HOT 2
- 修改options中的layout报错
- Vue3 - Cannot read property '_c' of undefined HOT 5
- Timeline: cluster options is not working HOT 2
- [Timeline] Limitations of using Vue component as items or groups HOT 2
- [Network] Vis Event Names
- [Timeline] Nested groups with 3 tree levels do not collapse correctly HOT 3
- dragEnd,dragStart event is invalid HOT 1
- 怎么才能像官方demo那样初始时不抖动?physics 实际时开启的
- Using without groups parameter in Latest Version HOT 1
- How to install Vue2vis on a macbook pro.
- How to load french locale ?
- Unmet dependencies with `@vue2vis/network` HOT 2
- The timeline chart don't show the tooltip
- Is it possible to group by lvl in a radial way?
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 vue2vis.