我在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;
9条答案
按热度按时间ars1skjm1#
试试看
1.使用npm安装axios模块:第一个月
**2.**替换您的导入代码:
import axios from '../axios';
与:import axios from 'axios';
2guxujil2#
守则
用于导入文件,而**'../'是上层文件夹的路径。因此,"../axios”表示它正在当前文件的外层文件夹中查找文件“axios.js”**。
创建一个axios文件来创建axios示例,并将一些默认参数设置为baseURL、intercepters等。
在这里,您必须导入模块axios,因为您已经安装了axios,
您可以将其导入为,
用上面的行替换导入axios行
yruzcnhs3#
请查看第二行中的错误
那应该是
ocebsuys4#
对我来说,问题是我没有在我的项目文件夹中安装axios模块。使用以下命令安装axios模块时,请确保您位于项目目录中:第一个月
安装后,只需使用
从“axios”导入axios;
ghhkc1vu5#
对我来说很好。
umuewwlo6#
我曾经有过这样的错误,但我用
npm install axios --save
修复了它。8zzbczxx7#
这个错误消息意味着axios包丢失了,需要安装。在你的项目根目录下运行下面的命令,安装它。
第一个月
kkbh8khc8#
在npm启动后打开项目目录,您可能会看到如下错误:error message
之后,只需键入:npm i axios公司
在cmd中打开在项目目录中并点击回车.在这之后axios将被安装在项目中.作为:view of console在此之后,如果您通过npm start重新启动,您可能会收到端口3000已在使用中的消息,因此请使用其他端口,键入Y,按Enter键,然后您应该可以正常运行。
2admgd599#
如果有人使用
yarn
,请yarn add anxios