从语义UI反应导入时出错

Question

在通过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;

但是我得到这个错误。

Answer 1

我猜您安装语义UI包时该应用已经在运行，因此未加载适当的文件。

请紧记在安装每个软件包后重新启动应用程序，或者只是在安装前将其停止。

Answer 2

此错误可能有两种情况：

1.Hot模块重新加载不起作用：有时npm不会自动重新加载页面，因此重新启动应用程序将解决此问题。

2。纱线/ NPM不匹配：当某些软件包（尤其是语义UI）与package-json和yarn.lock不匹配时，会引发错误。如果使用纱线，建议坚持使用纱线卷装管理器。

希望这会有所帮助：）