为什么我在 Gatsby 构建中收到缺少分号的 CssSyntaxError？

Question

我正在使用 Material UI 开发 Gatsby 页面。页面设计几乎完成，但是当我完成时，我在 npm 运行 build.

上收到一个奇怪的构建错误

WebpackError: Pathname: /invitation/ CssSyntaxError: <css input>:1479:28: Miss
  ed semicolon

我不知道这个错误是从哪里来的，但我花了几个小时试图解决它，但没有成功。有人能帮我解决这个问题吗？

如果需要组件代码，请告诉我，以便我可以使用导致问题的代码更新线程。

Answer 1

我发现了由 make styles CSS 命令引起的错误的来源。

 '.MuiButton-root:hover': {
      backgroundColor: '#F8E71C',
   },

我注释掉了这一行，构建开始正常工作，但我仍然不确定为什么会导致错误。

有谁能解释一下是什么原因导致的错误吗？

Why I'm getting CssSyntaxError of missing semicolon in Gatsby build?