Javascript 未找到REACTJS模块：Can'；t解决'；axios'；

尝试运行应用程序时出错：找不到模块：无法解析“C:\Users\Owner\portfolio\src\pages”中的“axios”

这里有没有人能给我一些关于如何解决这个问题的指导

谢谢

以下是我的app.js代码：

    import React from 'react';
import {BrowserRouter as Router, Route, Link } from 'react-router-dom';
import Container from 'react-bootstrap/Container';
import Navbar from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
import './App.css';

import Footer from './components/Footer';
import HomePage from './pages/HomePage';
import AboutPage from './pages/AboutPage';
import ContactPage from './pages/ContactPage';


class App extends React.Component {
  
  constructor(props) {
    super(props);
    this.state = {
      title: 'Josh M',
      headerLinks: [
        { title: 'Home', path: '/' },
        { title: 'About', path: '/about' },
        { title: 'Contact', path: '/contact' }
      ],
      home: {
        title: 'Be Fearless',
        subTitle: 'Projects the make a difference',
        text: 'Checkout my projects below'
      },
      about: {
        title: 'About Me'
      },
      contact: {
        title: 'Let\'s Talk'
      }
    }
  }

  render() {
    return (
      <Router>
        <Container className="p-0" fluid={true}>
          
          <Navbar className="border-bottom" bg="transparent" expand="lg">
            <Navbar.Brand>Josh McGuinness</Navbar.Brand>

            <Navbar.Toggle className="border-0" aria-controls="navbar-toggle" />
            <Navbar.Collapse id="navbar-toggle">
              <Nav className="ml-auto">
                <Link className="nav-link" to="/">Home</Link>
                <Link className="nav-link" to="/about">About</Link>
                <Link className="nav-link" to="/contact">Contact</Link>
              </Nav>
            </Navbar.Collapse>
          </Navbar>

          <Route path="/" exact render={() => <HomePage title={this.state.home.title} subTitle={this.state.home.subTitle} text={this.state.home.text} />} />
          <Route path="/about" render={() => <AboutPage title={this.state.about.title} />} />
          <Route path="/contact" render={() => <ContactPage title={this.state.contact.title} />} />
          
          <Footer />

        </Container>
      </Router>
    );
  }
}

export default App;

从“React”导入React；
从“react Router dom”导入{BrowserRouter as Router，Route，Link}；
从“react引导/容器”导入容器；
从“react引导/Navbar”导入Navbar；
从“反应引导/Nav”导入Nav；
导入“/App.css”；
从“./components/Footer”导入页脚；
从“./pages/HomePage”导入主页；
从“./pages/AboutPage”导入AboutPage；
从“./pages/ContactPage”导入ContactPage；
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
标题：“乔希M”，
标题链接：[
{标题：'主'，路径：'/'}，
{title:'About'，path:'/About'}，
{标题：“联系人”，路径：'/Contact'}
],
主页：{
标题:"无所畏惧",，
副标题：“项目产生影响”，
文本：“在下面签出我的项目”
},
关于：{
标题：“关于我”
},
联系人：{
标题：“让我们谈谈”
}
}
}
render（）{
返回(
乔希·麦吉尼斯
家
关于
接触
} />
} />
} />
);
}
}
导出默认应用程序；

非常感谢您的任何帮助，非常感谢，我是一个非常新的反应，只是学习！提前谢谢大家

---

Josh:）

您可能需要将该依赖项安装到您的项目中才能使其正常工作

运行

npm安装axios

或

warn添加axios

，具体取决于您是否使用npm/warn

安装axios依赖项“npm install axios”（在项目文件夹的命令行中）

在“C:\Users\Owner\portfolio\src\pages”中导入包，如 从“axios”导入axios

对我来说，使用纱线（而不是npm）可以处理依赖关系。我将列出每一个血淋淋的细节，以方便刚刚开始他们的旅程的人们：

删除package-lock.json（rm package-lock.json）

纱线添加轴

阅读消息以确保已添加axios及其依赖项

更改为节点模块目录（cd节点模块），然后列出以确保已安装axios和依赖项（ls）

检查App.js以确保导入的路径正确（您是应该使用“../axios”还是仅使用“axios”）

停止旧的开发服务器（Ctrl+C）

重新启动开发服务器（启动）

转到运行localhost:3000的浏览器选项卡

（如有必要）刷新页面（对于Chrome，它是输入URL位置左侧的左上顺时针箭头）

---

axios

不会出现在该代码中的任何位置。错误消息具体是什么？它指的是哪个确切位置（文件和行号）？