未找到模块:错误:无法解决模块‘语义-ui-css’

Question

我正在尝试使用Webpack + 语义用户界面，但没有成功。我试过..。

1. npm i semantic-ui-css
2. 在我的index.js..。import semantic from 'semantic-ui-css'
3. 我将配置添加到我的webpack.config.js中 解析：{别名：{‘语义-ui’：path.join(__dirname，"node_modules"，“语义-ui-css”，semantic.min.js") }

但当我试图买..。错误..。

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

全来源在这里

Answer 1

你所要做的就是：

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

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

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

Answer 2

如果您来这里试图使用“语义-用户界面-响应”，则需要分别安装“语义-ui- css”以获取css文件：

yarn add semantic-ui-css

然后将其导入index.js中。

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

Answer 3

要使用‘语义-ui-反应’，您需要安装‘语义-ui- css’npm add semantic-ui-css，然后您需要将css文件导入'index.js‘文件。

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