Reactjs React和Storybook同时使用TSX和MDX文件

Reactjs React和Storybook同时使用TSX和MDX文件,reactjs,typescript,storybook,Reactjs,Typescript,Storybook,我正在挑选一个使用React、NextJS和Storybook进行自定义设置的项目。我正在尝试添加TypeScript,并将“x.stories.tsx”和“x.stories.mdx”用于故事(storybook插件文档)。我已经让TSX文件工作,但是MDX文件抱怨正在使用加载程序。我是否需要MDX文件的特定加载程序?如果需要,是什么?阅读周围的人说,默认情况下,它应该工作。。。。但事实并非如此。我猜它是在使用“很棒的typescript加载程序”来尝试加载MDX文件,但任何帮助都会很好 we

我正在挑选一个使用React、NextJS和Storybook进行自定义设置的项目。我正在尝试添加TypeScript,并将“x.stories.tsx”和“x.stories.mdx”用于故事(storybook插件文档)。我已经让TSX文件工作,但是MDX文件抱怨正在使用加载程序。我是否需要MDX文件的特定加载程序?如果需要,是什么?阅读周围的人说,默认情况下,它应该工作。。。。但事实并非如此。我猜它是在使用“很棒的typescript加载程序”来尝试加载MDX文件,但任何帮助都会很好

webpack.config.js
module.exports=({config})=>{
config.module.rules.push({
测试:/\(ts|tsx)$/,
使用:[
{
loader:require.resolve('awesome-typescript-loader'),
选项:{
configFileName:“./.storybook/tsconfig.json”
}
}
]
});
config.resolve.extensions.push('.ts','.tsx');
返回配置;
};