Error when importing from semantic-ui-react

Question

I am trying to import elements from react semantic ui like this after installing via npm.

import React, { Component } from "react";
import "./App.css";
import { Button } from "semantic-ui-react";

    class App extends Component {
      render() {
        return <Button>hi</Button>;
      }
    }

    export default App;

But i get this error.

it seems that your error is not related to the App component, do you have other components in your app ? — Abdelkarim EL AMEL
– Abdelkarim EL AMEL, Commented Apr 6, 2019 at 18:54
No not yet, when I remove the import line of react Semantic it works fine. — Youssef
– Youssef, Commented Apr 6, 2019 at 19:02

Abdelkarim EL AMEL · Accepted Answer · 2019-04-06 19:43:59Z

1

I guess the app was already running when you installed semantic-ui package, therefore, the appropriate file were not loaded.

Keep in mind to restart your app after installing every package or simply stop it before installing.

answered Apr 6, 2019 at 19:43

Abdelkarim EL AMEL

1,5331 gold badge10 silver badges10 bronze badges

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

Comments

raj chakravarthy · Accepted Answer · 2019-08-26 17:13:26Z

1

There are two possible scenarios for this error:

1.Hot module reload not working: Sometimes the npm does not automatically reload the pages, so re-starting the app would solve this problem.

2.Yarn / NPM mismatch: Some packages (especially semantic-ui) throws error when there is a mismatch with package-json and yarn.lock. It is recommended to stick with yarn package manager if you are using yarn.

Hope this helps :)

answered Aug 26, 2019 at 17:13

raj chakravarthy

656 bronze badges

Collectives™ on Stack Overflow

Error when importing from semantic-ui-react

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related