Я пытаюсь заставить старые декораторы работать в моей настройке сборника рассказов. Я использую TypeScript для своих историй, но я пытаюсь написать истории для простого компонента JS. Я добавил пользовательский .storybook/webpack.config.js
для добавления соответствующих плагинов в соответствии с Babel 7:
module.exports = async ({ config }) => {
const [ babelRule ] = config.module.rules
babelRule.test = /\.[jt]sx?$/
babelRule.use[0].options.plugins.unshift(
["@babel/plugin-proposal-decorators", { legacy: true }],
["@babel/plugin-proposal-class-properties", { loose: true }],
)
return config
}
Тем не менее, я просто получаю следующую ошибку:
ОШИБКА в ***** / FavoriteRecipeButton.js
Сборка модуля не удалась (из ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js):
SyntaxError: ***** / FavoriteRecipeButton.js: поддержка экспериментального синтаксиса 'decorators-legacy' в настоящее время не включена (79: 5):
Как правильно настроить Storybook для разбора устаревших декораторов?