generateAppendClassName：CSS 模块未定义答案

【问题标题】：generateAppendClassName: CSS module is undefinedgenerateAppendClassName：CSS 模块未定义
【发布时间】：2018-10-09 14:57:41
【问题描述】：

我有一个在本地主机上运行良好的 React v15 网络应用程序。然而，当我将它部署到 GitHub 页面时，我遇到了 CSS module is undefined 错误：

我已经为此问题设置了一个测试仓库：https://github.com/ZeningQu/test-repo/tree/master

如果你克隆 repo 并运行yarn start，你应该能够看到load-data-pane 组件：

但是当你做yarn run deploy时，GitHub page基本上是空的：

更多信息：

【问题讨论】：

您的构建有缺陷。所需的 CSS 文件只是一个字符串。

标签： reactjs webpack deployment web-deployment github-pages

【解决方案1】：

我无法让您的存储库在我的本地计算机上运行。但是，我之前在部署 React 应用程序时遇到过问题。我学到的一个技巧是将<base href="/"> 放入<head> 的repo/public/index.html 标记中。也许您可以尝试一下，看看它是否适合您。

【讨论】：

感谢@AlexLuong，我尝试将<base href="/"> 添加到<head> 标签，但我仍然有同样的错误。

【解决方案2】：

我设置了选项auto: undefied，这对我有帮助！

{
  loader: require.resolve('css-loader'),
  options: {
    modules: {
      auto: useModules ? undefined : false,
      localIdentName: '[path][name]__[local]--[hash:base64:5]',
    },
  },
}

【讨论】：