Посмотрев на документацию по правилу eslint для импорта/без имени как по умолчанию, я все еще смущен тем, что именно я делаю неправильно.
У меня есть следующая файловая структура
.
├── ButtonBack.css
├── ButtonBack.jsx
├── __tests__
│ └── ButtonBack.test.jsx
└── index.js
ButtonBack.jsx содержит следующий код
import React from 'react';
import PropTypes from 'prop-types';
export default class ButtonBack extends React.Component {
... code removed to keep example short ...
}
__ tests __/ButtonBack.test.jsx содержит следующий код
import React from 'react';
import { shallow } from 'enzyme';
import ButtonBack from '../ButtonBack'; // <== this line has an eslint warning
... code removed to keep example short ...
Проблема в том, что мой linter говорит, что import ButtonBack from '../ButtonBack
нарушает следующие правила lint:
Я не могу понять, почему мой оператор импорта нарушает правило lint. Удаление имени класса в ButtonBack.jsx(export default class extends React.Component
) также не решает проблему.