Блог

У меня есть 2 файла — 1 компонент и 1 служебный файл. Компонент пытается импортировать службы, но выдает следующую ошибку:

 Failed to compile.

./src/services/index.js
Module not found: Can't resolve '/Users/andonmitev/Desktop/House of entertaiment/client/node_modules/react-scripts/node_modules/babel-loader/lib/index.js' in '/Users/andonmitev/Desktop/House of entertaiment/client'
 

Вот как выглядит служебный файл:

 import axios from 'axios';

export default () => axios.get('http://localhost:4000/');
 

и вот как выглядит файл компонента:

 import { useEffect } from 'react';
import getBase from './services';

function App() {
  useEffect(() => {
    (async () => {
      await getBase();
    })();
  }, []);

  return <h1>House of entertaiment</h1>;
}

export default App;
 

Структура файлов:

обслуживание -> client/src/services/index.js

компонент -> client/src/App.js ->> (на том же уровне, что и служебная папка)

Есть какие-нибудь идеи? Автозаполнение импорта правильно, при нажатии на файл импорта открываются правильные службы, некоторое время не был в react, и я чувствую, что что-то упускаю или это просто новая версия

вверх:

В общем случае невозможно импортировать даже компонент:

Возврат с 17.0.2 на 17.0.0 исправит проблему, но это своего рода обходной путь 🙂