Ошибка "Модуль не найден" после установки axios

Question

Я использовал create-react-app для настройки проекта React, затем установил axios в той же папке проекта.

В App.js я импортировал и использовал axios:

import React, { Component } from 'react';
import './App.css';
import axios from 'axios';

class App extends Component {
  state = {users: []}

  componentDidMount() {
    axios.get('/users')
      .then(res => res.json())
      .then(users => this.setState({ users }));
  }

  render() {
    return (
      <div className="App">
        <h1>Users</h1>
        {this.state.users.map(user =>
          <div key={user.id}>{user.username}</div>
        )}
      </div>
    );
  }
}

export default App;

и получил следующую ошибку:

./node_modules/axios/index.js
Module not found: Can't resolve '/Users/katietruong/Projects/read- 
it/client/node_modules/react-scripts/node_modules/babel- 
loader/lib/index.js' in '/Users/katietruong/Projects/read-it/client' 
.  

Как это происходит и как я могу это исправить?

Answer 1

Убедитесь, что у вас установлена ​​последняя версия npm.

npm install npm@latest -g

Если это все еще не работает, вы можете попробовать удалить node_modules и запустить npm install снова

rm -Rf node_modules
npm install