【发布时间】:2021-10-07 19:44:57
【问题描述】:
我收到此错误。
Failed to compile.
./src/components/DataFetching.js
Module not found: Can't resolve 'axios'
但是当我查看 packet.json 时,我得到了这张图片
我已经尝试过npm install axios,但没有成功。我查看了堆栈上的其他问题,但没有帮助。我做错了什么?
这是我的文件。
App.js
import logo from './logo.svg';
import './App.css';
import DataFetching from './components/DataFetching';
function App() {
return (
<div className="App">
<DataFetching />
</div>
);
}
export default App;
DataFetching.js
import React, {useState, useEffect} from 'react'
import axios from "axios"
function DataFetching() {
const [posts, setPosts] = useState([])
useEffect(()=> {
axios.get("https://jsonplaceholder.typicode.com/posts")
.then(res =>{
console.log(res)
setPosts(res.data)
})
.catch(err => {
console.log(err)
})
}, [])
return (
<div>
<ul>
{
posts.map(post => <li key={post.id}>{post.title}</li>)
}
</ul>
</div>
)
}
export default DataFetching
编辑:我让它工作了,就是这样。
npm install -g npm
【问题讨论】:
-
您是否尝试删除 node_modules 并从头开始安装所有内容?还要确保它已安装在 node_modules
-
另外,您可以通过运行
npm ls axios检查软件包是否安装正确,如果安装正确,它应该给出版本。 -
可能不相关,因为 npm 似乎已备份,但今天早些时候它完全离线了一段时间:status.npmjs.org。
-
我试过你的方法。 prnt.sc/1v7chfg 没有任何改变。