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"
  }
}

0 ответов

Другие вопросы по тегам