Beschreibe den Fehler
Das Code-Vorschau-Format ist durcheinander
Reproduzieren
Schritte zum Reproduzieren des Verhaltens:
Verwenden Sie Typescript
config.module.rules.push({
test: /\.(ts|tsx)$/,
use: [
{
loader: require.resolve('awesome-typescript-loader'),
options: {
transpileOnly: true,
},
},
{
loader: require.resolve('react-docgen-typescript-loader'),
options: {
tsconfigPath: path.resolve(__dirname, '../tsconfig.json'),
},
},
],
});
voreingestellte Konfiguration
{
name: '@storybook/addon-docs/react/preset',
options: {
configureJSX: true,
babelOptions: {},
sourceLoaderOptions:null
},
},
Erwartetes Verhalten
Formatieren Sie die Codevorschau richtig
Offizielles Code-Snippet-Format
Screenshots
Code Ausschnitte
<Preview >
<Story name="default">
<Radio.Group value="apple">
<Radio label="apple" />
<Radio label="banana" />
<Radio label="watermale" />
</Radio.Group>
</Story>
</Preview>
System:
Garn hinzufügen -D @ storybook / addon-docs
Zusätzlicher Kontext
Fügen Sie hier einen anderen Kontext zum Problem hinzu.
Entschuldigung, das war mein Fehler!!!! Upgrade-Version 5.3.0 ist in Ordnung
Hilfreichster Kommentar
Entschuldigung, das war mein Fehler!!!! Upgrade-Version 5.3.0 ist in Ordnung