找不到模块：无法解析"axios"

Question

我得到这个错误。

Failed to compile.
./src/components/DataFetching.js
Module not found: Can't resolve 'axios'

但是当我看包的时候。Json我得到这个图像

https://prnt.sc/1v77tyj

我已经尝试过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

Answer 1

通过给定的代码尝试沙箱，代码没有问题，我可以在页面上看到结果

工作沙盒代码:https://codesandbox.io/s/quiet-paper-rsz0n

一段时间后，如果你试图安装Axios可能没有正确安装的模块npm down

你可以在这里查看NPM的状态:https://status.npmjs.org/

删除node_modules，然后重新安装。

Answer 2

这可能是一个小错误。我这样做了，它为我解决了。

npm install -g npm

还有问题，但至少解决了这个错误。