Как это исправить, модуль не имеет экспортированного члена в реагирующем компоненте?

Question

Я создаю веб-часть, используя spfx с react.js.Я создал новый компонент и получаю сообщение «Модуль не имеет экспортированного члена» при импорте этого вновь созданного компонента.Как исправить эту проблему?

    import Form from 'react-validation/build/form';
    import Input from 'react-validation/build/input';
    import Button from 'react-validation/build/input';
    import * as React from 'react';
    import validator from 'validator';
    const required = (value) => {
    if (!value.toString().trim().length) {
      // We can return string or jsx as the 'error' prop for the validated 
     Component
      return 'require';
    }
    };
    const email = (value) => {
    if (!validator.isEmail(value)) {
      return `${value} is not a valid email.`
    }
  };
  export default class NewForm extends React.Component {
    render() {
        return <h3>Hello</h3>
    }
}

И ниже - импорт;

import { NewForm } from '../components/NewForm'

Answer 1

Вы должны использовать:

import NewForm from '../components/NewForm'

, потому что это импорт по умолчанию.

См. Эту тему: https://stackoverflow.com/a/34841313/8649904

Answer 2

Попробуйте изменить его на

import NewForm from '../components/NewForm'