reactjs - 找不到模块:无法解析 'F:\React\react-complete-guide\src\Component' 中的 '../axios'
问题描述
我在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;
解决方案
尝试:
1.使用npm安装axios模块:npm install axios --save
2.将您的导入代码:import axios from '../axios';
替换为:import axios from 'axios';
推荐阅读
- java - 使用 JAX WS SOAP 客户端的基本身份验证
- sql - SQL通过单列连接多个表而不重复并填充其他列
- winforms - 在 Dyalog APL 中,如何关闭表单中的自动缩放?
- python - 重新投影和蒙太奇马赛克实用程序有什么区别?
- symfony - Symfony 4 学说创建问题
- python - 为什么在 Python Pandas 中出现日期不匹配格式错误?
- python - 保持 ssh 会话活动与重新连接
- javascript - 合并具有相同 JSON 键的对象
- vba - 附加 Word 模板时执行宏
- uiscrollview - Azure Maps 禁用触摸拖动