未找到 React 模块：无法解析 '../utils/api'

Question

我创建了一个模块，其中保留了调用 api 的函数。 'requiring' 时，出现以下错误：

./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)
      })
  },
}

Answer 1

你必须像下面那样向上移动两个目录

const api = require('../../utils/api');

它会起作用。

未找到 React 模块：无法解析 '../utils/api'

React Module not found: Can't resolve '../utils/api'

javascript

require

importerror

reactjs