reactjs 未找到模块:无法解析"F:\React\React完成指南\src\组件"中的../axios

q7solyqu  于 2023-01-04  发布在  React
关注(0)|答案(9)|浏览(148)

我在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;
ars1skjm

ars1skjm1#

试试看
1.使用npm安装axios模块:第一个月
**2.**替换您的导入代码:import axios from '../axios';与:import axios from 'axios';

2guxujil

2guxujil2#

守则

import axios from '../axios';

用于导入文件,而**'../'是上层文件夹的路径。因此,"../axios”表示它正在当前文件的外层文件夹中查找文件“axios.js”**。
创建一个axios文件来创建axios示例,并将一些默认参数设置为baseURL、intercepters等。
在这里,您必须导入模块axios,因为您已经安装了axios,

npm install axios --save

您可以将其导入为,

import axios from 'axios';

用上面的行替换导入axios行

yruzcnhs

yruzcnhs3#

请查看第二行中的错误

import axios from '../axios';

那应该是

import axios from 'axios';
ocebsuys

ocebsuys4#

对我来说,问题是我没有在我的项目文件夹中安装axios模块。使用以下命令安装axios模块时,请确保您位于项目目录中:第一个月
安装后,只需使用
从“axios”导入axios;

ghhkc1vu

ghhkc1vu5#

对我来说很好。

  • 使用npm安装axios模块:npm安装axios --保存
umuewwlo

umuewwlo6#

我曾经有过这样的错误,但我用npm install axios --save修复了它。

8zzbczxx

8zzbczxx7#

这个错误消息意味着axios包丢失了,需要安装。在你的项目根目录下运行下面的命令,安装它。
第一个月

kkbh8khc

kkbh8khc8#

在npm启动后打开项目目录,您可能会看到如下错误:error message
之后,只需键入:npm i axios公司
在cmd中打开在项目目录中并点击回车.在这之后axios将被安装在项目中.作为:view of console在此之后,如果您通过npm start重新启动,您可能会收到端口3000已在使用中的消息,因此请使用其他端口,键入Y,按Enter键,然后您应该可以正常运行。

2admgd59

2admgd599#

如果有人使用yarn,请
yarn add anxios

相关问题