JSX не распознается с помощью Storyshots
Я настраивал сборник рассказов для проекта. Я следовал инструкциям Storybook for React, чтобы настроить проект. Это работало отлично. Затем я следовал инструкциям Structural Testing и столкнулся с ошибкой TypeError: require.context is not a function
,
Чтобы исправить эту проблему, я прошел инструкции по Github - в частности, вариант 1. Это привело к основной проблеме, с которой мне нужна помощь.
Details:
/Users/.../___.stories.js:13
(0, _react2.storiesOf)('___/___', module).add('___', () => <_common.Card>
SyntaxError: Unexpected token <
Card
это пользовательский компонент реакции, который работает на странице сборника рассказов. Если я заменю пользовательский компонент стандартным div
компонент, та же проблема сохраняется.
Мы будем благодарны за любую помощь, будем рады предоставить больше информации по мере необходимости.
package.json:
"dependencies": {
"babel-plugin-styled-components": "^1.10.6",
"dompurify": "^1.0.11",
"faker": "^4.1.0",
"lodash": "^4.17.15",
"styled-components": "^4.3.2"
},
"devDependencies": {
"@babel/core": "^7.5.5",
"@babel/preset-env": "^7.5.5",
"@storybook/addon-actions": "^5.1.9",
"@storybook/addon-links": "^5.1.9",
"@storybook/addon-storyshots": "^5.1.10",
"@storybook/addon-storysource": "^5.1.10",
"@storybook/addons": "^5.1.9",
"@storybook/react": "^5.1.9",
"@storybook/storybook-deployer": "^2.8.1",
"babel-jest": "^24.8.0",
"babel-loader": "^8.0.6",
"babel-plugin-require-context-hook": "^1.0.0",
"jest": "^24.8.0",
"jest-environment-jsdom-fourteen": "^0.1.0",
"react-test-renderer": "^16.8.6"
},
"jest": {
"testEnvironment": "jest-environment-jsdom-fourteen",
"setupFiles": ["<rootDir>/.jest/register-context.js"]
},
"scripts": {
"storybook": "start-storybook -p 6006",
"build-storybook": "build-storybook",
"deploy-storybook": "storybook-to-ghpages",
"test": "jest /src"
}
}