Module not found: Error: Cannot resolve module '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")
   }
   

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

ERROR in ./src/index.js Module not found: Error: Cannot resolve module 'sematic-ui-css' in /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 和 React 问题。

Answer 2

如果您来这里尝试使用 'semantic-ui-react'，则需要单独安装 'semantic-ui-css' 以获取 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';