Storybook 7.0.23 - TypeError: filterProps.indexOf は関数ではありません

Question

単純な React コンポーネントがあります:

React を 'react' からインポートします。

const Button = (props) => {

  戻る （
    <div>私のボタンの小道具: {Object.keys(props)}</div>
  ）
}

デフォルトのボタンをエクスポート;

次のような絵本のストーリーがあります:

React を 'react' からインポートします。

'./' からボタンをインポートします。

デフォルトのエクスポート {
  コンポーネント: <ボタン />、
  タグ: ['autodocs']、
};

エクスポート定数 デフォルト = {
  引数: {
    プライマリ: true
  }、
};

しかし、ストーリーブックを実行すると、次のエラーが発生します:

Uncaught TypeError: filterProps.indexOf は関数ではありません
    Index.js:576:1 で
    Array.filter で (<匿名>)
    formatReactElementNode (index.js:575:1) で
    formatTreeNode (index.js:735:1) で
    formatTree (index.js:746:1) で
    反応要素ToJsxString (index.js:786:1)
    config.mjs:19:1 で
    MapSingleChildIntoContext (react.development.js:1149:1) で
    traverseAllChildrenImpl (react.development.js:1007:1) で
    traverseAllChildren (react.development.js:1092:1)

で

ストーリーブックの args を削除すると、コンポーネントがレンダリングされることに気付きました。

.storybook/main.js：

module.exports = {
  ストーリー: [
    "../src/**/*.story.@(js|jsx|ts|tsx)"、
  ]、
  アドオン: [
    「@storybook/アドオンリンク」、
    「@storybook/addon-essentials」、
    「@storybook/addon-interactions」、
  ]、
  フレームワーク： {
    名前: "@storybook/react-webpack5"、
    オプション: {}、
  }、
  ドキュメント: {
    autodocs: "タグ"、
  }、
  タイプスクリプト: {
    反応Docgen: false
  }、
  webpackFinal: (config) => {
    const cssLoaders = [{
      ローダー: 'postcss-loader',
      オプション: {
        プラグイン: [
          require('postcss-assets')({ キャッシュ: true })、
          require('autoprefixer')({ ブラウザ: ['chrome 44'] })
        】
      }
    }、{
      ローダー: 'sass-loader',
      オプション: {
        includePaths: ['node_modules', 'src/scss'],
        QuietDeps: true
      }
    }]

    config.module.rules.push({
      テスト: /\.js?$/,
      除外: /(node_modules|coverage|target)/,
      ローダー: 'バベルローダー',
      オプション: {
        プラグイン: ['@babel/plugin-syntax-dynamic-import']
      }
    }、{
      テスト: /\.s?css$/,
      使用: ['style-loader', ...cssLoaders]
    });

    構成を返します。

  }、
}

.storybook/preview.js：

const プレビュー = {
  パラメーター： {
    アクション: { argTypesRegex: "^on[A-Z].*" }、
    コントロール: {
      マッチャー: {
        色: /(背景|色)$/i、
        日付: /Date$/、
      }、
    }、
  }、
};


デフォルトのプレビューをエクスポート;

我はこれが我の項目であるかどうか判断していませんが、現在 Storybook バージョンを使用しています、我の構成要素は現在運用中です "@storybook/react": "6.1.21",< ;/p>

不太确定発行了何物!

编辑：

我已经到達了結果错误的文件，它是一node_modules文件： node_modules/react-element-to-jsx-string/dist/cjs/index.js

Answer 1

package.json に次の内容が含まれていることを見逃していました:

リーリー

それを取り除くと、ストーリーブックを再び実行できるようになります。 ＃＃＃はぁ＃＃＃＃＃＃