TypeScript では DefineProps を使用できません

Question

私はしばらくの間 withDefaults と defineProps を使用していましたが、突然失敗し始め、理由がわかりません。

私は基本的な SFC を持っています。例:

リーリー

エラーによりビルドが失敗しました:

リーリー

StackBlitz で最小限のレプリケーションを設定しました: https://stackblitz.com/edit/vitejs-vite-du7xik?file=src/App.vue

他の仕事用アプリで突然、入力関連の問題が発生するようになりましたが、1 つずつ発生します。どのようなガイダンスも役立ちます。

＃＃＃編集：＃＃＃

この問題は、運用ビルドの実行時にのみ発生します (

vue-tsc

はそのときのみ呼び出されるため)。 StackBlitz では、これはターミナルで turbo build を実行することを意味します。さらに、少なくとも IntelliJ を使用している場合は、IDE でエラーを確認できます。

Answer 1

このエラーは、foo がデフォルト値をそのまま提供しているのに対し、ファクトリ関数が必要であることを意味します。

次のようにする必要があります:

リーリー

prop のデフォルト値を直接指定するのはエラーです。これは複数のコンポーネント インスタンス間で共有され、それを通じて相互に影響を与える可能性があるためです。これは、ステートフルになる可能性のある regex オブジェクトに特に適用されます一个>.