1

コンポーネントに渡された小道具に応じて、異なるモジュールをインポートするために動的インポートを使用しようとしています。コンポーネントへのパスはオブジェクトに保持されます

const components = {
    'apple': './Apple.js',
    'orange': './Orange.js',
    // ...
}

それで

// ...
import(components[this.props.type])
// ...

残念ながら、次のエラーが表示されます。

Unhandled Rejection (Error): Cannot find module './Apple.js'

ファイル名を明示的に指定すると消えます(import('./Apple.js'))。これらの動的モジュールを提供するように nextjs を強制することは可能ですか?

4

1 に答える 1