Ошибка «Синтаксис: неожиданный идентификатор» при тестировании с помощьюact-scripts-ts

Question

Использование response-scripts-ts (2.17.0) Я пытаюсь настроить набор тестов.Но я получаю «SyntaxError: Неожиданный идентификатор».

Это конфигурация:

tsconfig.json ( с использованием стандартного руководства JSX )

{
  "compilerOptions": {
    "jsx": "react"
  }
}

Это компоновка компонента:

. / App.tsx

interface IAppProps extends WithStyles<typeof styles> {
  // ...
}

export interface IAppState {
  // ...
}

class App extends React.Component<IAppProps, IAppState> {
  // ...
}

export default withStyles(styles)(App);

И это будет тестовая установка:

. / App.test.ts

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

it('renders without crashing', () => {
  const app = React.createElement(App);
  const div = document.createElement('div');
  ReactDOM.render(app, div);
});

Должен ли я бытьработает бабел как-то?

Answer 1

Оказывается, стили были загружены как es вместо определенных типом файла.Ответ найден здесь: https://github.com/mui-org/material-ui/issues/14349

Обновлено с "react-scripts-ts": "2.17.0" до "react-scripts-ts": "^3.1.0"

Затем изменено:

import withStyles from '@material-ui/core/es/styles/withStyles';
import { WithStyles } from '@material-ui/core/styles/withStyles';

На:

import { withStyles, WithStyles } from '@material-ui/core';

И это работает.