【问题标题】:Module not found: Can't resolve 'axios'找不到模块:无法解析“axios”
【发布时间】:2021-10-07 19:44:57
【问题描述】:

我收到此错误。

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

【问题讨论】:

  • 您是否尝试删除 node_modules 并从头开始安装所有内容?还要确保它已安装在 node_modules
  • 另外,您可以通过运行npm ls axios检查软件包是否安装正确,如果安装正确,它应该给出版本。
  • 可能不相关,因为 npm 似乎已备份,但今天早些时候它完全离线了一段时间:status.npmjs.org
  • 我试过你的方法。 prnt.sc/1v7chfg 没有任何改变。

标签: reactjs npm axios


【解决方案1】:

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

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

如果您尝试安装模块,那么一段时间后 npm 会关闭,那时 Axios 可能没有正确安装

您可以在此处查看 npm 状态:https://status.npmjs.org/

删除 node_mobules 并再次尝试安装。

【讨论】:

  • 我确实删除了 node_modules 并使用 npm install 重新安装它们。还是一样。
  • 作为一个快速修复,您可以全局安装 Axios 并尝试.?通过执行 npm install axios -g
  • 现在可以使用了。我更新了npm with npm install -g npm 并且它有效。感谢您的努力。
猜你喜欢
  • 2021-01-23
  • 2017-10-08
  • 2018-04-12
  • 2017-10-23
  • 2021-10-16
  • 2021-08-16
  • 2019-05-10
  • 2021-10-17
  • 2021-11-01
相关资源
最近更新 更多