Module not found error

Overview

Importing produces the following error

Module not found: Can't resolve 'vis/dist/vis-timeline-graph2d.min' in '#############/node_modules/react-visjs-timeline/build'

Package versions

react-visjs-timeline: 1.4.0 vis version: 4.21.0

Steps to reproduce

import {Timelines as TL} from 'react-visjs-timeline';

[inev]

@jason-weirather thank you for posting your code. I actually got it to work but it had other problems mentioned in other issues. For example, when you switched pages, it didn’t reload correctly. Since the library seems to be updated only occasionally I figured it’s safer to work with visjs directly like you did.

A couple pointers on your code:

• You are going to want to use the ref attribute of react like the code below, it’s a lot cleaner.
• Using the provided DataSet component will provide you with the two way binding so it auto updates.

componentDidMount() {
  this.timelineDataSet = new DataSet([]);
  this.timeline = new Timeline(this.refs.timeline, this.timelineDataSet, {
    //options
  });
  this.timeline.setWindow(this.oneMonthBefore, this.now);
}

render() {
  return <div ref="timeline"></div>;
}

[attila135786]

I ended up installing vis-timeline instead of vis and it resolved the issue.