Я создал модуль, в котором я сохраняю функции для вызова API.«Требуя» этого, я получаю следующую ошибку:
./src/Components/Search/SearchPage.js
Module not found: Can't resolve '../utils/api' in 'C:\Users\riksch\Dropbox\projects\Current\greenmp\frontend\src\Components\Search'
Мой главный вопрос: как правильно импортировать модуль API в SearchPage.js?
Вот структура моего проекта:
Я выделил файлы, которые я использую, 1 - это файля импортирую (требую), и 2 - это модуль, который я пытаюсь импортировать.
Это работало раньше, но теперь, когда я изменил структуру папок, даже после корректировки пути, я тоже не могу его получитьработа.
Я пробовал разные пути импорта, все с одинаковой ошибкой.
SearchPage.js требуется оператор
const api = require('../utils/api')
api.js
var axios = require('axios')
module.exports = {
retrievePlants: function(search_query, locale) {
console.log("api.retrievePlants executes")
console.log("url: " + 'http://127.0.0.1:8000/search/'+locale+'/'+search_query)
//FIXME: hardcoded URL HOST
// return axios.get('https://127.0.0.1/search/'+locale+'/'+search_query)
return axios.get('http://127.0.0.1:8000/search/'+locale+'/'+search_query)
.then(function(response) {
console.log("response.data:")
console.log(response.data)
return response.data
})
.catch(function(error) {
console.log("Error in Components.utils.api.retrievePlants:")
console.log(error)
console.log("console.log(error.response.data):")
console.log(error.response.data)
})
},
}