找不到模块：错误：无法解析模块＆＃39; semantic-ui-css＆＃39;

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中的错误找不到模块：错误：无法解析模块   ＆＃39;思迈特-UI-CSS＆＃39;在   / Users / ridermansb / Projects / boilerplate-projects / vue / src @   ./src/index.js 15：20-45

完整source here

Answer 1

所有你需要做的：

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

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

这解决了webpack的问题并做出反应。

Answer 2

如果您是来这里尝试使用“ semantic-ui-react”的，则需要先安装“ semantic-ui-css”：

yarn add semantic-ui-css

并将其导入index.js

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

Answer 3

要使用“semantic-ui-react”，您需要安装“semantic-ui-css”npm add semantic-ui-css 然后你需要将css文件导入到'index.js'文件中。

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