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

IT技术 reactjs axios
2021-05-10 18:13:04

我在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;
4个回答

尝试:

1.使用npm安装axiosmodulenpm install axios --save

2.将您的导入代码:import axios from '../axios'; 替换为:import axios from 'axios';

代码

import axios from '../axios';

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

创建一个 axios 文件来创建 axios 的实例,以将一些默认参数设置为 baseURL、拦截器等。

在这里,您必须导入module axios,因为您已经安装了 axios,

npm install axios --save

您可以将其导入为,

import axios from 'axios';

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

在您的第二行中,请查看错误

import axios from '../axios';

那应该是

import axios from 'axios';

对我来说,问题是我没有在我的项目文件夹中安装 axios module。使用以下命令安装 axios module时,请确保您位于项目目录中:npm install axios --save

安装后只需使用运行它

从 'axios' 导入 axios;