'Module not found' 集成axios后babel报错

Question

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

Failed to compile ./src/apis/youtube.js Module not found: Can't resolve '/Users/Prodigy/code/PierceF/udemy/videos/node_modules/react-scripts/node_modules/babel-loader/lib/index.js' in '/Users/Prodigy/code/PierceF/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 中删除整个代码时，该应用程序运行了......

Answer 1

为了刚开始 React 之旅的人们的利益，我将列出整个流程和每一个细节：

1. 删除包-lock.json（rm包-lock.json）
2. 纱线添加 axios
3. 阅读消息以确保添加了 axios 及其依赖项
4. 切换到您的 node_modules 目录 (cd node_modules) 然后列出以确保安装了 axios 和依赖项 (ls)
5. 检查你的 App.js 以确保你的导入路径正确（你是否真的应该有一个 '../axios' 或只是 'axios'）
6. 停止旧的开发服务器 (Ctrl + c)
7. 重启开发服务器（yarn start）
8. 转到 运行 localhost:3000
的浏览器选项卡
9. （如有必要）刷新页面（对于Chrome，就是左上角顺时针方向的箭头指向输入URL的左边）