Reactjs 从语义ui导入时出错

在通过npm安装之后，我正试图像这样从react语义ui导入元素

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;

import React，{Component}来自“React”；
导入“/App.css”；
从“语义ui反应”导入{Button}；
类应用程序扩展组件{
render（）{
返回hi；
}
}
导出默认应用程序；

---

但是我发现了这个错误。

我猜当您安装语义ui包时，应用程序已经在运行，因此，没有加载相应的文件

---

请记住，在安装每个软件包后重新启动应用程序，或者在安装前停止应用程序

我猜当您安装语义ui包时，应用程序已经在运行，因此，没有加载相应的文件

---

请记住，在安装每个软件包后重新启动应用程序，或者在安装前停止应用程序

此错误有两种可能的情况：

1.热模块重新加载不工作：有时npm不会自动重新加载页面，因此重新启动应用程序可以解决此问题

2.Thread/NPM不匹配：当与包json和Thread.lock不匹配时，一些包（尤其是语义ui）抛出错误。如果您正在使用纱线，建议您坚持使用纱线包装管理器

---

希望这有帮助：）

此错误有两种可能的情况：

1.热模块重新加载不工作：有时npm不会自动重新加载页面，因此重新启动应用程序可以解决此问题

2.Thread/NPM不匹配：当与包json和Thread.lock不匹配时，一些包（尤其是语义ui）抛出错误。如果您正在使用纱线，建议您坚持使用纱线包装管理器

---

希望这有帮助：）

您的错误似乎与应用程序组件无关，您的应用程序中是否有其他组件？还没有，当我删除react Semantic的导入行时，它工作正常。您是否尝试重新启动应用程序？请检查此项，重新启动应用程序实际有效，谢谢您您的错误似乎与应用程序组件无关，您的应用程序中是否有其他组件？还没有，当我删除react Semantic的导入行时，它工作正常。您是否尝试重新启动您的应用程序？选中此复选框重新启动应用程序实际有效，谢谢