Question

我认为我已经按照所有步骤设置了其他人说的做的“语义用户界面反应”，但是有错误。

错误 ./assets/components/UserPage/UserPageQuestion/UserPageQuestion.js 找不到模块：错误：无法解析“ semantic-ui-react” 'C：\ Users \ 1Sun \ Cebula3 \ cebula_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 @多 ./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>
     )

}

出什么问题了？

Answer 1

在您的UserPageQuestion.js中删除以下2个imports：

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

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

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

来源：Semantic UI docs

Answer 2

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

export default UserPageQuestion

无法解决“语义用户界面反应”

2 个答案: