找不到模块：错误：无法解析模块'semantic-ui-css'答案

【问题标题】：Module not found: Error: Cannot resolve module 'semantic-ui-css'找不到模块：错误：无法解析模块'semantic-ui-css'
【发布时间】：2016-09-06 18:10:23
【问题描述】：

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

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

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

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

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

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

完整的source here

【问题讨论】：

你在编译你的代码吗？您是否尝试过为此使用 babel 加载程序？您可以直接将其作为目标，而不是为库添加别名（删除别名并让 webpack 自动加载文件）

标签： webpack vue.js semantic-ui semantic-ui-css

【解决方案1】：

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

yarn add semantic-ui-css

然后在 index.js 中导入

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

【讨论】：

【解决方案2】：

所有你需要做的：

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

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

这解决了我使用 webpack 和 react 的问题。

【讨论】：

【解决方案3】：

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

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

【讨论】：