#javascript #reactjs
Вопрос:
У меня есть 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, и я чувствую, что что-то упускаю или это просто новая версия
вверх:
Ответ №1:
Возврат с 17.0.2 на 17.0.0 исправит проблему, но это своего рода обходной путь 🙂