将语义 UI 与 Gatsby 项目集成 - 由于缺少关闭“)”，构建失败答案

【问题标题】：Integrating Semantic UI with a Gatsby Project - build fails due to missing closing ')'将语义 UI 与 Gatsby 项目集成 - 由于缺少关闭“)”，构建失败
【发布时间】：2021-10-31 20:13:14
【问题描述】：

    failed Building development bundle - 14.691s
    ERROR in ./src/semantic/semantic.less
    Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
    ModuleBuildError: Module build failed (from ./node_modules/less-loader/dist/cjs.js):
    
    ;(function ($, window, document, undefined) {
                                              ^
    Missing closing ')'

    1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
    webpack compiled with 2 errors

关注这篇文章 (https://www.artembutusov.com/webpack-semantic-ui/) 并查看了这里的主题 (https://github.com/Semantic-Org/Semantic-UI-LESS/issues/38)。降级less 的版本无效。

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

标签： node.js less semantic-ui

【解决方案1】：

找到了一种无需遵循上述链接文章即可集成语义用户界面的方法。

运行：npm install semantic-ui-css --save 然后在顶层index.js页面导入：import 'semantic-ui-css/semantic.min.css';

How to install and use semantic-ui-react

【讨论】：