Реагировать: не удалось скомпилировать;index.js

Question

Поэтому я решил изучить React, и в самом первом проекте я получил сообщение об ошибке.

Не удалось скомпилировать

. / Src / index.js

Попытка импорта: './App' не содержитэкспорт по умолчанию (импортируется как «приложение»).

Это простой код «Hello World».У меня есть 2 файла для этого.

App.js

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

ReactDOM.render(
  <HelloWorld />,
  document.getElementById('root')
);

HelloWorld.js

import React, { Component } from 'react';

class HelloWorld extends Component {
  render() {
    return (
      <div className="helloContainer">
        <h1>Hello, world!</h1>
      </div>
    );
  }
}

export default HelloWorld;

Iпрочитайте каждый пост об этой проблеме, ни один из них не работает.Я также читал, что это обычно проблема с responsestrap, но у меня его не установлено.

Любая помощь будет признательна.

Answer 1

Ваш компилятор говорит вам, что вы ничего не экспортируете из App.js, и что это ошибка в вашем index.js (для которого вы не указали код, но вы обычно вызываете * 1003).*).

Ваш App.js должен больше походить на ваш HelloWorld.js (экспортируемый компонент), и вы должны вызывать ReactDOM.render внутри index.js.Это единственный раз, когда вы позвоните ReactDOM.render.

index.js

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

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

App.js

import React, { Component } from 'react';
import HelloWorld from './HelloWorld';

class App extends Component {
  render() {
    return (
      <div className="App">
        <HelloWorld />
      </div>
    );
  }
}

export default App;

HelloWorld.js

import React, { Component } from 'react';

class HelloWorld extends Component {
  render() {
    return (
      <div className="helloContainer">
        <h1>Hello, world!</h1>
      </div>
    );
  }
}

export default HelloWorld;

Answer 2

Переименуйте файл App.js в index.js и удалите все другие индексные файлы.