集成 axios 后出现“未找到模块”babel 错误答案

【问题标题】：'Module not found' babel error after integrating axios集成 axios 后出现“未找到模块”babel 错误
【发布时间】：2020-04-19 18:32:18
【问题描述】：

您好，我遇到了与此相同的问题 ('Module not found' babel error after installing axios)，我尝试了所有建议的解决方案，但错误仍然存在：

编译失败 ./src/apis/youtube.js 找不到模块：无法解析“/Users/Prodigy/code/PierceF”中的“/Users/Prodigy/code/PierceF/udemy/videos/node_modules/react-scripts/node_modules/babel-loader/lib/index.js” /udemy/videos'

我的 youtube.js 中的代码：

import axios from 'axios';

const KEY = 'XXXXXXXXXXXXXXXXXXXXXXXXX'

export default axios.create({
  baseURL: 'https://www.googleapis.com/youtube/v3',
  params: {
    part: 'snippet',
    maxResults: 5,
    key: KEY
  }
});

当我删除 youtube.js 中的整个代码时，应用程序运行...

【问题讨论】：

你试过重启你的开发服务器吗？
@Enchew 哦，哇，好的，现在可以使用了????‍♂️????非常感谢？？？
不客气。我以前玩过这个“游戏”，现在我知道了。

标签： javascript reactjs axios node-modules babel-loader

【解决方案1】：

我将列出整个流程和每一个血淋淋的细节，以帮助刚开始 React 之旅的人们：

移除 package-lock.json (rm package-lock.json)
纱线添加axios
阅读消息以确保已添加 axios 及其依赖项
进入你的 node_modules 目录 (cd node_modules) 然后列出以确保安装了 axios 和依赖项 (ls)
检查您的 App.js 以确保您的导入具有正确的路径（无论您真的应该有一个 '../axios' 还是只有一个 'axios'）
停止旧的开发服务器 (Ctrl + c)
重启开发服务器（yarn start）
转到运行 localhost:3000 的浏览器选项卡
（如有必要）刷新页面（对于 Chrome，它是输入 URL 左侧的左上角顺时针箭头）

【讨论】：