Javascript Can'；t解决'；语义用户界面反应'；

我想我遵循了其他人说的设置“语义ui反应”的所有步骤，但有一个错误

错误 ./assets/components/UserPage/UserPageQuestion/UserPageQuestion.js 未找到模块：错误：无法解析中的“语义ui反应” 'C:\Users\1Sun\Cebula3\cebula\u react\assets\components\UserPage\UserPageQuestion' @./assets/components/UserPage/UserPageQuestion/UserPageQuestion.js 31:0-67 91:63-70 91:98-104 93:29-35 93:76-81 95:31-38 95:66-72 98:29-35 100:42-47@./assets/components/UserPage/index.js@ ./assets/components/UserPage/UserPage.js@multi ./assets/components/UserPage/UserPage.js

package.json

...

"dependencies": {
    ...
    "semantic-ui-css": "^2.3.3",
    "semantic-ui-react": "^0.82.4",
    ...
  }

...

UserPageQuestion.js

import { Dimmer, Loader, Image, Segment } from 'semantic-ui-react'

import '../../../../../static/cebula/Semantic-UI-CSS-master/semantic.min.js';
import '../../../../../static/cebula/Semantic-UI-CSS-master/semantic.min.css';

const UserPageQuestion = () => {
     return (
          <Segment>
                 <Dimmer active>
                       <Loader>Loading</Loader>
                 </Dimmer>
                 <Image src='/images/wireframe/short-paragraph.png' />
          </Segment>
     )

}

import{Dimmer，Loader，Image，Segment}来自“语义ui反应”
导入“../../../../static/cebula/Semantic UI CSS master/Semantic.min.js”；
导入“../../../../static/cebula/Semantic UI CSS master/Semantic.min.CSS”；
const UserPageQuestion=（）=>{
返回(
加载
)
}

---

问题是什么？？？

您可以使用以下方法解决问题：

export default UserPageQuestion

---

在您的

UserPageQuestion.js中

删除以下2个

导入项

：

import '../../../../../static/cebula/Semantic-UI-CSS-master/semantic.min.js';
import '../../../../../static/cebula/Semantic-UI-CSS-master/semantic.min.css';

只需在index.js文件中包含缩小的CSS文件即可：

import 'semantic-ui-css/semantic.min.css';

---

来源：

为什么要导入semantic.min.*？