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

Posted 2023-02-24

【中文标题】找不到 React 模块：无法解析 \'../utils/api\'

【英文标题】：React Module not found: Can't resolve '../utils/api'找不到 React 模块：无法解析 '../utils/api'

【发布时间】：2018-11-10 08:01:23

【问题描述】：

我创建了一个模块，其中保留了调用 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)
      )
  ,

【问题讨论】：

你需要上两个目录。 ../（搜索目录外）和'../（组件外）

【参考方案1】：

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

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

它会起作用的。

【讨论】：

所以，看看你的答案和brandNew的答案，'../'只是让我离开搜索目录（进入组件目录），然后'../'让我进入另一个目录更高。这有助于我理解这一点，谢谢！