How can I import javascript min file in my component?

Question

I'm working on the react project. I created project with create-react-app. I need to import 'js-sequence-diagram' javascript file in my component. How can I import javascript min file in my component?

what I want to do is: https://github.com/zfanta/react-sequence-diagram

where "index.js" file "sequence-diagram-2.0.1.js" file was used. But I could not use it like that.

Please clarify your question and tell us what code you used, what behavior you are seeing as a result, and how it differs from what what you are expecting. Contributors seem to be having a hard time guessing about how to help. — Cat
– Cat, Commented Apr 9, 2019 at 9:41
The below responses answered your literal question "How can I import javascript min file in my component?". From your comments below, it sounds like you have tried import Diagram from './sequence-diagram-2.0.1' somewhere in your code, and that you are confident you have the correct file paths and access to the library. It would be helpful if this information were included in your question, but the most helpful thing would be enough code to provide a "minimal, complete, and verifiable example" (stackoverflow.com/help/mcve) of the problem you are experiencing so we can answer usefully. — Cat
– Cat, Commented Apr 15, 2019 at 7:43

yekanchi · Accepted Answer · 2019-04-09 08:55:10Z

3

1- install it first using

npm install react-sequence-diagram

2- then just put import SequenceDiagram from 'react-sequence-diagram; where ever you want to use the component

answered Apr 9, 2019 at 8:55

yekanchi

8631 gold badge13 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

yunusunver Over a year ago

I can already use the library.That's not the problem.Just like here, I want to import sequence-diagram-2.0.1.js in SequenceDiagram component. Because there are some shortcomings in this library. So I want to write from the beginning. Like this :import Diagram from './sequence-diagram-2.0.1'; in github.com/zfanta/react-sequence-diagram/blob/master/src/…

yekanchi Over a year ago

if you mean './sequence-diagram-2.0.1 this is just the directory where your component is, so just copy the js file to the same directory of you component

yunusunver Over a year ago

I did them, but when I import it, I get an error. There are no problems in the file path.

rahulrautwar · Accepted Answer · 2019-04-09 09:37:07Z

-1

Can you plz try this once,

import * as Diagram from './sequence-diagram-2.0.1'

answered Apr 9, 2019 at 9:37

rahulrautwar

765 bronze badges

1 Comment

rahulrautwar Over a year ago

plz try this import 'sequence-diagram-2.0.1'

Collectives™ on Stack Overflow

How can I import javascript min file in my component?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related