找不到模块：错误：无法解析模块“semantic-ui-css”

Question

我正在尝试使用Webpack + Semantic UI，但没有成功。我试过...

1. npm i semantic-ui-css
2. 在我的index.js..import semantic from 'semantic-ui-css'

3. 我将配置添加到我的 webpack.config.js

   resolve: { 
         alias: {'semantic-ui': path.join(__dirname, "node_modules", "semantic-ui-css", semantic.min.js")
   }
   

但是当我尝试构建时......错误..

未找到 ./src/index.js 模块中的错误：错误：无法解析 /Users/ridermansb/Projects/boilerplate-projects/vue/src @ ./src/index.js 15 中的模块“sematic-ui-css”： 20-45

完整来源在这里

Answer 1

如果您来到这里尝试使用 'semantic-ui-react'，则需要单独安装 'semantic-ui-css' 以获取 css 文件：

yarn add semantic-ui-css

然后在 index.js 中导入

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

Answer 2

你所要做的就是：

CSS：import 'semantic-ui-css/semantic.css';

js:import 'semantic-ui-css/semantic.js';

这解决了我的 webpack 和 React 问题。