marmelab / EventDrops

A time based / event series interactive visualization using d3.js
http://marmelab.com/EventDrops/
MIT License
1.24k stars 237 forks source link

D3 probelm #254

Open malishahi opened 6 years ago

malishahi commented 6 years ago

Please do not submit support requests or "How to" questions here. For that, go to StackOverflow.

What you were expecting:

After installing d3, and following README, I expected that I should work.

What happened instead: There is a dependecy on d3. I don't know where this d3 is coming from?

index-trusted.js:67589 Uncaught Error: Cannot find module "d3/build/d3" at webpackMissingModule (index-trusted.js:67589) at Object.defineProperty.value (index-trusted.js:67589) at webpack_require__ (index-trusted.js:20) at Object._typeof (index-trusted.js:241437) at webpack_require (index-trusted.js:20) at Object.defineProperty.value (index-trusted.js:220998) at webpack_require (index-trusted.js:20) at Object. (index-trusted.js:220880) at webpack_require__ (index-trusted.js:20) at _typeof (index-trusted.js:63)

Steps to reproduce: import * as d3 from 'd3/build/d3';

Related code:

import * as d3 from 'd3/build/d3';
import eventDrops from 'event-drops';

export default class EventTimeline extends Component {
    constructor(props) {
        super(props);
        this.eventElem = null;
    }
    componentDidMount() {
        //console.log(this.props.data, this.props.tooltipSpec);
        if (this.props.tooltipSpec !== null && this.props.data !== null) {
            this.createEventTimeline();
        }
    }
    createEventTimeline() {
        const data = this.props.data;
        const tooltipSpec = this.props.tooltipSpec;
        this.tooltipNode
            .classed('tooltip', true)
            .style('opacity', 0);
        const chart = eventDrops({
            d3,
            zoom: {

Other information:

Environment

jaredkirkley commented 5 years ago

I used import * as d3 from 'd3' and that worked.