2

私はnextjsフレームワークを使用しており、UI フレームワークとして選択semantic-uiしたsemantic-ui-react.

私が選択した主な理由semantic-uiは、フレームワークのテーマ機能です。

  • heresemantic-uiに示されているように、 の完全なパッケージをインストールしました。`

  • semantic.jsonファイルには次のものがあります。

    { "base": "/client/static/semantic", "paths": { "source": { "config": "src/theme.config", "definitions": "src/definitions/", "site": "src/site/", "themes": "src/themes/" }, "output": { "packaged": "dist/", "uncompressed": "dist/components/", "compressed": "dist/components/", "themes": "dist/themes/" }, "clean": "dist/" }, "permission": false, "autoInstall": false, "rtl": false, "components": [blah blah], "version": "2.2.10" }

ローカルホストでテーマが正しく機能しています。

now問題は次のとおりです。依存関係を使用してデプロイしようとすると、インストールされsemantic-uiていて、そこにないように感じます。つまり、スタイリングはまったくありません。

プロジェクトにセマンティックフォルダーを含めています（つまり、フォルダーを無視してい/client/static/semanticます）。

Nextjsと を使用して展開する正しい方法は何semantic-uiですか?

**アップデート：

問題の原因を見つけましたが、解決方法はまだわかりません。

したがって、セマンティック UI のテーマを設定すると、プロセスは次のようになります。

  1. をインストールしsemantic-uiます。
  2. semantic-uiファイルsemantic.jsonを検索し、テーマを設定していることを認識します。
  3. テーマ用のファイルとフォルダーは作成されていますが、ビルドされていません。つまり、コンポーネントをsemantic-uiビルドするには、特定のsemanticフォルダーに移動して を実行する必要がありますgulp build。

問題はnow、これを行う方法がわからないことです。

何か案は？

4

1 に答える 1