Question

我在尝试发送React请求的GET项目中遇到此编译错误：

./src/Component/Form.js
Module not found: Can't resolve '../axios' in 'F:\React\react-complete-guide\src\Component'

代码：

import React, {Component} from 'react';

import axios from '../axios';

class Form extends React.Component{

state={UserName:""};

onChangeHandle=(event)=>{
    this.setState({UserName:event.target.value});

}

handleSubmit= (event) =>{

event.preventDefault();
console.log('form submit');

axios.get('https://api.github.com/users/${this.state.UserName}')
   .then(
       resp=>{
       console.log(resp);
    })

};


render(){
    return(
        <form onSubmit={this.handleSubmit}>
            <input type="text" 
                placeholder="Github UserName"
                value={this.state.UserName}
                onChange={this.onChangeHandle}   />
            <br/>
            <button type="submit"> Add card </button>
        </form>    
    )}
}

export default Form;

Answer 1

代码

import axios from '../axios';

用于导入文件，'../ '是上层文件夹的路径。因此，“ ../ axios” 表示它正在当前文件的外部文件夹中寻找文件“ axios.js” 。

已创建axios文件以创建axios实例，以将一些默认参数设置为baseURL，拦截器等。

在这里，您必须导入axios模块，前提是您已经安装了axios，

npm install axios --save

您可以将其导入为

import axios from 'axios';

用上面的行替换导入的axios行

Answer 2

尝试：

1。。使用 npm 安装{strong> axios 模块：npm install axios --save

2。。替换您的导入代码：import axios from '../axios'; 与import axios from 'axios';

Answer 3

对我来说，问题是我没有在项目文件夹中安装axios模块。使用npm install axios --save

安装axios模块时，请确保您位于项目目录中。

安装后，只需使用

运行它

从“ axios”导入axios；

Answer 4

对我来说很好。

使用npm安装axios模块：npm install axios --save

Answer 5

import axios from '../axios';

应该是

import axios from './axios';

Answer 6

错误提示是缺少axios包，需要安装。在您的项目根目录中运行以下命令进行安装。

npm install axios --save

找不到模块：无法解析“ F：\ React \ react-complete-guide \ src \ Component”中的“ ../axios”

6 个答案: