diff --git a/code/frameworks/ember/src/server/framework-preset-babel-ember.ts b/code/frameworks/ember/src/server/framework-preset-babel-ember.ts index f85328fb84ee..c9ee5ccef8b9 100644 --- a/code/frameworks/ember/src/server/framework-preset-babel-ember.ts +++ b/code/frameworks/ember/src/server/framework-preset-babel-ember.ts @@ -51,5 +51,5 @@ export function babel(config: TransformOptions, options: Options): TransformOpti } export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = []) => { - return [...entry, findDistEsm(__dirname, 'client/preview/config')]; + return [...entry, findDistEsm(__dirname, 'client/preview/config.js')]; }; diff --git a/code/frameworks/ember/src/server/framework-preset-ember-docs.ts b/code/frameworks/ember/src/server/framework-preset-ember-docs.ts index f6dd860c2f9f..5a032b2aad65 100644 --- a/code/frameworks/ember/src/server/framework-preset-ember-docs.ts +++ b/code/frameworks/ember/src/server/framework-preset-ember-docs.ts @@ -4,5 +4,5 @@ import { hasDocsOrControls } from '@storybook/docs-tools'; export const previewAnnotations: StorybookConfig['previewAnnotations'] = (entry = [], options) => { if (!hasDocsOrControls(options)) return entry; - return [...entry, findDistEsm(__dirname, 'client/docs/config')]; + return [...entry, findDistEsm(__dirname, 'client/docs/config.js')]; }; diff --git a/code/lib/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars b/code/lib/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars index 3f77a83eeca0..35c0b8535c49 100644 --- a/code/lib/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars +++ b/code/lib/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars @@ -8,8 +8,10 @@ import { importFn } from './{{storiesFilename}}'; const { SERVER_CHANNEL_URL } = global; -const getProjectAnnotations = () => - composeConfigs([{{#each previewAnnotations}}require('{{this}}'),{{/each}}]); +const getProjectAnnotations = async () => { + const configs = await Promise.all([{{#each configs}}import('{{this}}'),{{/each}}]) + return composeConfigs(configs); +} const channel = createPostMessageChannel({ page: 'preview' }); addons.setChannel(channel);