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

Question

我正在尝试使用 Webpack + 语义 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 中的错误找不到模块：错误：无法解析模块 'sematic-ui-css' 中 /用户/ridermansb/项目/样板项目/vue/src @ ./src/index.js 15: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 问题。

Answer 3

要使用“semantic-ui-react”，您需要安装“semantic-ui-css”

npm add semantic-ui-css

然后你需要将 css 文件导入到“index.js”文件中。

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

Answer 4

我不确定此解决方案是否适用于您遇到的问题。但是，如果有人遇到与 vite&react 一起使用的语义 UI 的“错误：导入了以下依赖项但无法解析：”的问题，那么您可以运行此命令。

npm install semantic-ui-react semantic-ui-css