我得到这个错误。

Failed to compile.

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

字符串
但是当我查看packet.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

型