Giter VIP home page Giter VIP logo

Comments (10)

Menighin avatar Menighin commented on May 24, 2024 1

@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.

tartinesKiller avatar tartinesKiller commented on May 24, 2024 1

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.

Menighin avatar Menighin commented on May 24, 2024

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.

tartinesKiller avatar tartinesKiller commented on May 24, 2024

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.

Menighin avatar Menighin commented on May 24, 2024

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.

erhansaydam avatar erhansaydam commented on May 24, 2024

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.

image

Can you revise it.

Thanks, regards.

from vue2vis.

Menighin avatar Menighin commented on May 24, 2024

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.

alexcode avatar alexcode commented on May 24, 2024

@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.

alexcode avatar alexcode commented on May 24, 2024

@tartinesKiller, I believe the commit f0f6178 should solve this. Please let me know.

from vue2vis.

tartinesKiller avatar tartinesKiller commented on May 24, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.