【问题标题】:I am getting an Error: Module not found: Can't resolve 'reactstrap'我收到一个错误:找不到模块:无法解析“reactstrap”
【发布时间】:2019-12-29 09:37:21
【问题描述】:

我正在创建一个反应导航栏。收到此错误。 未找到模块:

Can't resolve 'reactstrap' in 'C:\Users\User\Desktop\Node\MERNShoppingList\client\src\components'

./src/components/AppNavbar.js
Module not found: Can't resolve 'reactstrap' in 'C:\Users\User\Desktop\Node\MERNShoppingList\client\src\components'

此错误发生在构建期间,无法消除。

AppNavbar.js

    import React, { Component } from 'react';
    import {
        Collapse,
        Navbar,
        NavbarToggler,
        NavbarBrand,
        Nav,
        NavItem,
        NavLink,
        Container
    } from 'reactstrap';

APP.JS

    import React, {Component} from 'react';
    import AppNavbar from './components/AppNavbar';
    import 'bootstrap/dist/css/bootstrap.min.css';
    import './App.css';

    class App extends Component{
        render(){
            return(
                <div className="App">
                    <AppNavbar/>
                </div>
            );
       }
     }

    export default App;

请帮忙。

【问题讨论】:

  • 你安装了reactstrap & bootstrap吗?
  • 是的,我都安装了
  • 发布你正在使用的组件reactstrap.
  • 此类错误通常发生在您的应用程序已经运行并且您使用npm install 安装新软件包时,之后您需要重新启动您的应用程序。尝试重新启动您的应用程序。如果仍未解决,请尝试发布您的组件的完整代码。
  • 为什么他们标记为负数?他们无法回答仍然标记为否定。

标签: reactjs


【解决方案1】:

你需要安装 reactstrap。

npm i -S reactstrap

【讨论】:

  • npm install [Package Name] 和 npm install [Package Name] 没有区别——保存在 npm 5.0.0 以后的更高版本吧?
【解决方案2】:

尝试使用npm install --save reactstrap

在安装任何 npm 包时,建议使用 --savenpm install

它将包添加到你的 package.json 中。

用于安装npm install --save reactstrap

用于卸载npm uninstall --save reactstrap 这将从 package.json 中删除包

【讨论】:

    【解决方案3】:

    一种方法是运行npm i reactstrap --legacy-peer-deps

    【讨论】:

      【解决方案4】:

      尝试删除软件包并通过npm uninstall reactstrap 重新安装,然后 通过npm i -s reactstrap bootstrap重新安装它 告诉我它是否有效

      【讨论】:

        【解决方案5】:

        我遇到了同样的错误。

        原因是打字错误,

        ;在导入时错误地放在 ' 之前

        也要检查这些错误。

        从'reactstrap;'导入{媒体}

        【讨论】:

          猜你喜欢
          • 2020-10-15
          • 2023-01-23
          • 1970-01-01
          • 2020-02-24
          • 2018-06-29
          • 1970-01-01
          • 2020-12-15
          • 2017-12-29
          相关资源
          最近更新 更多