問題タブ [storybook]

そこで、作成中の新しいプロジェクト用にいくつかのコンポーネント スタブを作成しています。これらのコンポーネントのビジュアルを見るために、私は Storybook を使用しています。Storybook ビルドと通常のビルド用に 2 つの個別の webpack 構成があります。両方とも、以下に示す基本構成から継承します (読みやすくするために、無関係なローダーをいくつか削除しました)。

私の Storybook 構成と通常の構成は次のように異なります。

Webpack.config.js

Webpack.storybook.config.js

現在、通常のビルドを使用するとすべて正常に動作しますが、ストーリーブックにアクセスすると、これらのコンポーネントが壊れているようです:

コンポーネント/AppHeader/AppHeader.component.jsx

components/AppHeader/AppHeader.container.jsx

AppHeader.container.jsx で接続されたコンポーネントをエクスポートするときに発生するエラー:

要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、取得したのは未定義です。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。

AppHeader.component.jsx のデフォルトのエクスポートが定義されていないように見えますか? これが、Storybook 以外で表示したときにコンテナー/コンポーネントのコンボが機能するため、Storybook の webpack 構成に問題があると思わせる理由です。

どんな提案/助けも大歓迎です、ありがとう:)

新しいアプリの React Native を使い始めたばかりです。

プロジェクトをコンポーネントに分解しました。これらのコンポーネントを作成するために Storybook を使用しました (reat-native プロジェクト)。

このコンポーネント プロジェクトを、メイン プロジェクトと他のプロジェクトで使用できる別のリポジトリとして維持したいと考えています。

メイン プロジェクトを作成するとき、既に作成したコンポーネントを「コンポーネント プロジェクト」からメイン プロジェクトにインポートするにはどうすればよいですか? 2 つの反応するネイティブ アプリをリンクする方法はありますか?

Storybookを使用してvue-selectコンポーネントにいくつかのストーリーを追加したかったのですが、小道具やメソッドを渡すことを含む、より複雑なケースに苦労しています。

テンプレート内に小道具を渡すと、次のように機能します。

あまり読みにくいので、小道具またはデータとして別々に渡したいと思いました。

しかし、ストーリーブックでは認識されずdata、props無視されているようです。