你可以在故事的文档参数中添加inlineStories: false来绕过这个错误，然后声明一个新的源代码模板，以便在storybook中正确渲染代码。
示例：

const MyStory = {
	title: '',
	component: MyComponent,
	parameters: {
		docs: {
			inlineStories: false,
		}
	}
	loaders: [
		async () => ({
			configs: (await getConfigs()).data,
		}),
	],
}

export default MyStory

export const Default = (args, { loaded: { configs } }) => (
	<MyComponent {...args} {...configs} />
)

// this is what you will see on the Docs page.
const MyStoryCodeTemplate = (MyComponent) => `
<${MyComponent} {...props} />
`

Default.parameters = {
	docs: {
		source: {
			code: MyStoryCodeTemplate('MyComponent'),
		},
	},
}

看起来#14911(提到这个问题)已经被合并了，但实际上并没有解决这个问题。

@MichaelAllenWarner 是的，它已经关闭了，而不是合并了。

Oops—我怪我的头感冒了。

是否仍然无法在文档中使用加载器？我遇到了这个问题，但这个问题已经相当老了。

你可以在故事的文档参数中添加inlineStories: false来绕过这个错误，然后声明一个新的源代码模板，以便在storybook中正确渲染代码。例如：

const MyStory = {
title: '',
component: MyComponent,
parameters: {
docs: {
inlineStories: false,
}
}
loaders: [
async () => ({
configs: (await getConfigs()).data,
}),
],
}

export default MyStory

export const Default = (args, { loaded: { configs } }) => (
<MyComponent {...args} {...configs} />
)

// this is what you will see on the Docs page.
const MyStoryCodeTemplate = (MyComponent) => <${MyComponent} {...props} />

Default.parameters = {
docs: {
source: {
code: MyStoryCodeTemplate('MyComponent'),
},
},
}

感谢！这个版本的6.4.22对我有效。