Почему я получаю ошибку в моем файле .js?

Question

Почему я получаю это error ниже в браузере?Я просто хочу отобразить компонент Flights в App, но я получаю это error.

Почему я получаю эту ошибку и как ее исправить?

Вот App.js:

import React, { Component } from 'react';
import './App.css';
import Title from './components/Title/Title';
import Aux from './hoc/Aux';
import Flights from './components/Flights/Flights';

class App extends Component {
  render() {
    return (
      <Aux>
          <Title/>
          <Flights/>
      </Aux>
    );
  }
}

export default App;

Вот Flights.js:

import React, { Component } from 'react';
import axios from 'axios';

class Flights extends Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
        axios.get('https://api.spotify.com/v1/albums')
            .then(response => {
                console.log("API Call ====> " + response);
            }).catch(error => {
                console.log(error);
        })
    }

    render() {
        return(
            <div>
                <p>Here are the songs:</p>
            </div>
        );
    }
}

export default Flights;

Вот ошибка, которую я получаю:

./src/components/Flights/Flights.js
Module not found: Can't resolve 
'/Users/name/WebstormProjects/flights/node_modules/react-scripts/node_modules/babel-loader/lib/index.js' in 
'/Users/name/WebstormProjects/flights'

Answer 1

Похоже, вы не установили babel-loader в свой проект.

Вы должны установить babel-loader в ваши devDependencies:

$ npm install --save-dev babel-loader

В случае, если выиспользуя Yarn

$ yarn add babel-loader

Или просто запустите npm install или yarn install, чтобы установить / обновить все пакеты, которые вы добавили в свой package.json.