コンポーネントに渡された小道具に応じて、異なるモジュールをインポートするために動的インポートを使用しようとしています。コンポーネントへのパスはオブジェクトに保持されます
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 を強制することは可能ですか?