当尝试运行react-bootstrap或只是一般的react时，我总是得到events.js:287和其他错误，如下所示
当尝试运行react-bootstrap或只是一般的react时，出现events.js:287和其他错误通常是由于依赖包版本不兼容或缺失导致的。以下是一些可能的解决方案：
- 确保你的Node.js版本符合要求：React和react-bootstrap通常需要较新的Node.js版本。建议使用最新的稳定版本，并确保已正确安装和配置。
- 检查依赖包版本：使用npm或yarn管理依赖包时，可以查看package.json文件中的依赖项，并确保所有依赖包的版本与React和react-bootstrap的兼容性要求相匹配。如果发现版本不兼容，可以尝试更新或降级依赖包版本。
- 清除缓存并重新安装依赖包：有时候，依赖包的缓存可能会导致问题。可以尝试删除node_modules文件夹，并使用npm或yarn重新安装所有依赖包。
- 检查代码错误：在运行React或react-bootstrap应用程序时，错误可能是由于代码中的错误或语法问题引起的。仔细检查错误消息中提到的文件和行号，并检查相应的代码部分是否存在错误。
- 查找相关文档和社区支持：React和react-bootstrap拥有庞大的开发者社区，可以在官方文档、GitHub仓库、Stack Overflow等平台上寻找相关的解决方案和支持。
对于events.js:287错误，它通常是由于事件处理程序的错误使用或未定义引起的。你可以检查你的代码中是否存在事件处理程序的问题，例如错误的事件绑定或未正确定义的事件处理函数。
请注意，以上解决方案是一般性的建议，具体解决方法可能因个人情况而异。另外，由于要求不能提及特定的云计算品牌商，无法提供腾讯云相关产品和产品介绍链接地址。建议在遇到问题时，参考官方文档和社区支持来获取更详细和准确的解决方案。
相关·内容
我正在开发ReactJS web应用，使用react-bootstrap设置样式，如下所示 import Card from 'react-bootstrap/Card'
import Button from 'react-bootstrap/Button'
import Container from 'react-bootstrap/Container'
import Row from 'react-bootstrap/Row'
import Col from 'react-bootstrap/Col' 在每个
浏览 27提问于2019-09-23得票数 0
我是个新手。我正在使用react-bootstrap并尝试创建一个包含超过20张卡片的手风琴。每个卡头都有一个向右/向下的插入符号图标。我想根据卡体是否折叠来将图标切换为指向下或指向右。所以，我试着从react-bootstrap网站Custom Toggle with Expansion Awaremess实现这个例子，我得到了上面的错误 const decoratedOnClick = useAccordionToggle(
eventKey,
() => callback && callback(eventKey),
); 完整的代码如
浏览 9提问于2020-07-12得票数 0
我使用道具从子组件中调用父方法，并得到以下错误：
我将道具传递给AddGuest子组件的方式如下所示：
import React from 'react';
import globalService from '../services/globalService';
import '../styles/chairqueue.css';
import {buttonText,endPoint} from '../constants/global.constants';
import Modal from
浏览 4提问于2020-01-07得票数 8
回答已采纳
我的MERN应用程序返回错误Module not found: Can't resolve 'react-bootstrap/Media'。 我导入了几个react-bootstrap模块，如下所示： import Image from "react-bootstrap/Image"
import Col from "react-bootstrap/Col"
import Media from "react-bootstrap/Media"
import Row from "react-bootstrap/Row
浏览 21提问于2021-10-22得票数 0
1回答
我正在尝试理解如何使用react-bootstrap。我在我的index.html中导入了整个js文件，如下所示
<!-- react-bootstrap -->
<script src="lib/react-bootstrap/dist/react-bootstrap.min.js"></script>
在另一个js文件中，我正在创建一个Navbar，我发现我必须从ReactBootstrap创建一个变量，如下所示：
var Navbar = ReactBootstrap.Navbar;
...
const MyNavBar = (
&
浏览 0提问于2015-11-21得票数 2
我正在使用Windows10计算机来运行我的javascript程序。这是一个新系统，我已经安装了mongodb。
但是，当我使用node app.js命令运行我的代码时，我得到了以下错误：
{ MongoNetworkError: connect ETIMEDOUT 10.237.141.117:27011
at Socket.err (C:\Users\Desktop\project\node_modules\mongodb-core\lib\connection\connect.js:287:16)
at Object.onceWrapper (events.js:286
浏览 0提问于2019-08-09得票数 0
3回答
我有麻烦了，我刚做了npm uninstall react-bootstrap，然后npm install react-bootstrap和webpack就不能再加载这个模块了。
我是这样启动webpack的：
/var/www/cloud/node_modules/.bin/webpack --config webpack.config.js --watch --display-error-details
下面是错误，它就是找不到react-bootstrap内部的package.json：
ERROR in ./core/static/core/js/modules/dashboard/a
浏览 2提问于2015-07-10得票数 21
1回答
我通过NPM安装了bootstrap和react-bootstrap，如中所述。写完这个小片段后，它就不起作用了。它显示了彼此下面的一个Col。
import React from "react";
import Row from "react-bootstrap/Row";
import Container from "react-bootstrap/Container";
import Col from "react-bootstrap/Col";
render() {
return (
<Co
浏览 3提问于2020-06-22得票数 0
回答已采纳
我知道这个错误可能很常见，以前已经回答过几次了，但我找不到解决方案。 我的代码总是抛出这个错误：".map不是一个函数“。我知道发生这种情况是因为数据不是数组。所以我试着用.keys函数来解决这个问题，但是这抛出了".keys不是一个函数“的错误。我在父组件中声明了const数据，并希望在子组件中使用它。 我认为我的错误取决于对.keys的错误使用。但经过多次的谷歌搜索，我仍然没有更进一步。 这是我的孩子-代码： import React from "react";
import Card from 'react-bootstrap/Card'
浏览 79提问于2021-04-16得票数 1
回答已采纳
我使用Gatsby框架构建了一个静态站点，并尝试使用Netlify部署它。Netlify似乎一开始就部署一切正常，并运行gatsby build命令。但是，我总是遇到这样的错误： 12:36:51 PM: failed Building production JavaScript and CSS bundles - 33.697s
12:36:51 PM: error Generating JavaScript bundles failed
12:36:51 PM: Can't resolve 'react-bootstrap/NavBar' in '/opt
浏览 15提问于2020-08-30得票数 0
我想在我的ReactJs-Spring项目中包含react-bootstrap主题。
我已经根据教程在其网站上链接了该资源，如下所示：
<script src="https://unpkg.com/react@latest/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://unpkg.com/babel-st
浏览 0提问于2017-06-17得票数 0
我刚从Webpack开始，我想不出最好的方法来应对
试图包装反应-用反应和反应引导-路由器。反应和反应-路由器都按预期工作，但反应-引导失败与错误。我研究了别名，使用了一个供应商块，只引用了React Bootstrap，如下所示：
import ReactBootstrap from 'react-bootstrap/dist/react-bootstrap';
但这似乎很笨重。我正在寻找“正确”的方法来应对- Webpack。
错误：
ERROR in ./~/react-bootstrap/lib/utils/childrenValueInputValidation.js
浏览 3提问于2015-10-05得票数 3
回答已采纳
这有点奇怪。它可以与其他项目一起工作，但不能与React-Bootstrap一起工作。例如：
import {Jumbotron, Button} from 'react-bootstrap';
import * as ReactBootstrap from 'react-bootstrap';
两者都在all.js:12文件中给了我一个Invalid argument must be an array。但是，导入工作方式如下所示：
var Jumbotron = require('react-bootstrap/lib/Jumbotron');
浏览 2提问于2016-11-28得票数 0
我正在构建一个React，我在使用React中的组件时遇到了一个问题。当我使用按钮或表格这样的组件时，一切都能工作，但当我使用模态时，会出现问题。我的服务器端json看起来
let jsonlist = [
{
Title: "first title",
Listofitems: ["Item 01", "Item 02", "Item 03"]
},
{
Title: "second title",
Listofitems:
浏览 1提问于2022-11-04得票数 1
回答已采纳
我已经搜索了三天来解决这个问题在我的反应应用程序，我读了很多类似的主题，但无法解决它。所有的解决方案都是关于安装ts-jest和babel。
我使用以下命令创建了我的项目：
npx create-react-app sample --template cra-template-pwa-typescript
在编辑和安装react-bootstrap之后，我遇到了一个常见的问题，您可以在下面的图片中看到它：
错误：
Details:
/Users/shahryar/Desktop/telegram-restaurant-management-bot-ui/telegr
浏览 17提问于2022-11-10得票数 0
2回答
我应该使用下列哪一项：
import { Button } from 'react-bootstrap';
或
import Button from 'react-bootstrap/Button';
前者具有为组件使用正确名称的优点，因此我不明白为什么要使用后一种方法来导入ES6。
浏览 3提问于2021-05-31得票数 0
回答已采纳
我正在尝试改变react-bootstrap中accordion元素移动的方向。目前它正在向下移动。有没有一种简单的方法让它朝上打开？
下面是我的一个组件的示例。我希望能够向上而不是向下打开它，原因是我把它放在了屏幕的底部，所以当我在默认设置下打开它时，它会向下而不是向上：
import React from 'react';
import { Accordion, Card, Button } from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
cons
浏览 0提问于2019-10-21得票数 2
这就是我的意思：
import BsssButtonGroup from "react-bootstrap/ButtonGroup";
它的工作方式与以下方法相同：
import ButtonGroup from "react-bootstrap/ButtonGroup";
..and我不明白为什么？
BsssButtonGroup不是React中ButtonGroup组件中现有或定义的组件，那么我如何能够导入它呢？究竟进口的是什么？写一些随意的名字是怎么回事？？我以为你必须进口导出的组件？但是BsssButtonGroup不是导出的，那么我怎么能够导入它呢？
浏览 3提问于2022-09-07得票数 0
events.js:287
throw er; // Unhandled 'error' event
^
Error: spawn cmd ENOENT
at Process.ChildProcess._handle.onexit (internal/child_process.js:267:19)
at onErrorNT (internal/child_process.js:469:16)
at processTicksAndRejections (internal/process/task_queues.js:84:21)
浏览 14提问于2020-05-09得票数 0
我有一个网站结构如下：
Public
| index.html
src
index.css
index.js
| components
App.js
Events.js
Feed.js
Detail.js
Entry.js
...
<App />中的所有内容都在index.html中呈现。
import React from 'react'
import { BrowserRouter as Router, Route, Switch } from "react-route
浏览 1提问于2020-09-18得票数 0
回答已采纳
我刚刚使用Expo eject从expo中弹出了我的项目，当我尝试使用react-native start运行它时，我在我的终端中得到了以下错误信息：
events.js:287
throw er; // Unhandled 'error' event
^
Error: EMFILE: too many open files, watch
at FSEvent.FSWatcher._handle.onchange (internal/fs/watchers.js:127:28)
Emitted 'error' event on
浏览 0提问于2020-06-04得票数 3
我看过几篇文章说您应该引用this.props.location来访问查询字符串参数。然而，无论我在哪里检查这个属性，位置总是“未定义的”。很明显我漏掉了什么。
这是我的装置..。
package.json
{
"name": "Lender.Services.Web",
"homepage": "/dataexchange/lender",
"version": "0.1.0",
"private": true,
"dependencies":
浏览 3提问于2018-06-19得票数 1
回答已采纳
1回答
我试图在节点上安装reveal.js，这样我就可以在本地使用扬声器注释了。
我正在按照说明执行，但没有成功：
我在第一步就会发现这些错误：
SyntaxError: Unexpected identifier
at Object.exports.createScript (vm.js:24:10)
at REPLServer.defaultEval (repl.js:235:25)
at bound (domain.js:287:14)
at REPLServer.runBound [as eval] (domain.js:300:12)
at REPLServer.<anonymous
浏览 1提问于2016-06-26得票数 1
回答已采纳
我在我的项目中使用了webpack 2和react-bootstrap；无论我尝试使用哪条import语句，我都找不到如何正确应用bootstrap CSS样式似乎没有加载.css文件。
据我所知，我不需要完整的bootstrap包和javascript等，因为我使用的是react-bootstrap；我只需要CSS。因此，我在main.js文件中添加了以下内容：
import 'bootstrap/dist/css/bootstrap.css';
它似乎起作用了(没有错误消息)，但是样式没有应用...
我在我的webpack配置文件中配置了css loader，如webpac
浏览 14提问于2017-02-24得票数 6
回答已采纳
1回答
我正在构建一个新的ReactJS应用程序，并尝试使用react-bootstrap作为UI。我基本上安装了yarn add react-bootstrap bootstrap yarn add jquery popper.js" to have everything installed. My index.js`，如下所示： // Importing the Bootstrap CSS
import 'bootstrap/dist/css/bootstrap.css';
import $ from 'jquery';
import Popper fro
浏览 16提问于2020-06-23得票数 0
回答已采纳
我刚刚开始在我的站点中实现React-Bootstrap，但是单击它时NavDropdown组件不会展开。
我做了什么：npm install -s react-bootstrap
添加css到html：<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
已创建我的Navigation组件：
import React from 'react';
import PropTypes fro
浏览 1提问于2017-11-19得票数 10
我试图用TDD视图编写我的代码，我总是遇到同样的问题，我应该测试什么，我不应该测试什么，目标是基于react-使用TDD引导引导，我的组件只是一个带有较少属性的包装器，使它变得简单，我从Navbar in react的品牌子组件--bootstrap开始。最终目标是测试反映用户应该测试的内容，例如，导航中存在具有良好src和alt属性的品牌徽标img。
这种测试是有趣的还是要避免的？
我的测验
import React from 'react';
import { render } from '@testing-library/react';
import Br
浏览 5提问于2020-01-11得票数 6
回答已采纳
我正在使用React bootstrap，并使用它的Row和Col组件。默认情况下，列是水平居中对齐图像。如何将此图像移动到列中的左侧？ 代码 import React from "react";
import Container from "react-bootstrap/Container";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Image from "react-bootstrap/
浏览 47提问于2021-06-21得票数 0
已经向我的组件添加了工具提示和触发器，我如何让它触发工具提示？
所需的模块如下：
var Icon = require('./Icon'),
Tooltip = require('./Tooltip'),
Button = require('react-bootstrap').Button,
OverlayTrigger = require('react-bootstrap').OverlayTrigger;
getTooltip: function() {
return <Tooltip text="s
浏览 3提问于2015-10-08得票数 2
我不知道我做错了什么。我直接将这个示例代码粘贴在react bootstraps官方页面上，但我无法让它工作。奇怪的是，只要我删除代码中的Nav.Link行，它就能正常工作。为什么我不能渲染Nav.Link？
这是我的代码(App.js)
import React, { Component } from 'react';
import Button from 'react-bootstrap/lib/Button';
import Navbar from 'react-bootstrap/lib/Navbar';
import Nav from
浏览 1提问于2019-02-26得票数 0
回答已采纳
所以我正在使用带有react-bootstrap的gatsby JS，我不清楚如何使用Gatsby的本地路由，同时使用react-bootstrap，它似乎使用了react-router……我将Gatsby的<Link></Link>嵌套在react-bootstrap的<Nav.Link href="#stuff"><Nav.Link>中，它可以工作，但它似乎以某种方式干扰了DOM，因为我打开控制台，收到以下错误Warning: validateDOMNesting(...): <a> cannot appear
浏览 54提问于2020-08-21得票数 0
回答已采纳
1回答
我刚刚更改了App组件的结构，现在Router不会呈现任何组件。这是我的App.js文件。如果我删除MiddleContainer组件，它会完美地工作。这些组件中的任何一个都没有路由器，所以嵌套路由没有问题。我认为这是因为App.js的结构，因为我读到Switch应该将Route作为它的直接子节点。 import "./App.css";
import React from "react";
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
im
浏览 3提问于2021-04-05得票数 1
回答已采纳
我试图将API调用的结果传递给一个组件，以便创建存储在MySQL数据库中的数据的下拉列表。
数据是相当静态的，但我不想硬编码它，以防将来目录发生变化。
我遇到的问题是，调用API的响应返回以下结构：
[[Prototype]]: Promise
[[PromiseState]]: "fulfilled"
[[PromiseResult]]: Object
data:
templateTypes: (27) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…
浏览 4提问于2021-11-02得票数 0
我正在尝试使用React Bootstrap创建一个简单的导航栏： import React from 'react';
import { NavLink } from 'react-router-dom';
import Navbar from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
import Container from 'react-bootstrap/Container';
import './Navba
浏览 37提问于2021-07-19得票数 0
我编写了一个简单的功能组件，对此作出反应
import React from "react";
import Navbar from "react-bootstrap/Navbar";
import Classes from "./Navbar.module.css";
import SpotifyImage from "../SpotifyImage/BrandImage";
// import Navlink from '../Navlink/Navlink'
import Nav from "reac
浏览 1提问于2019-03-10得票数 0
我已经设法设置了一个package.json，并使用browserify将我的应用程序的依赖项构建到了一个包中，然而，当我尝试切换一个分支本地副本的依赖项时，构建失败了。
这将工作并安装上游版本(省略其他模块)：
"dependencies": {"react-bootstrap": "0.13.0"}
指向我的fork的本地路径失败：
"dependencies": {"react-bootstrap": "/home/tom/dev/react-bootstrap/"}
使用npm link也是
浏览 1提问于2014-12-16得票数 1
2回答
我有一个包含以下package.json的react项目：
{
"name": "commonsensev2.0",
"version": "0.1.0",
"private": true,
"homepage": "http://localhost:9080/server/react",
"dependencies": {
"all": "0.0.0",
"axios": &
浏览 1提问于2019-01-03得票数 5
我想在小屏幕设备上隐藏<Col></Col>。我查看了react-bootstrap文档，但它没有提到如何做到这一点。
在纯react + bootstrap中可以实现<div className="hidden-xs"></div>，但是使用库react-bootstrap就不再工作了。我试过了：<Col xs="0"></Col>和类似的，但都不起作用。
有人知道如何隐藏react-bootstrap列吗？
浏览 1提问于2019-04-07得票数 3
我有两个不同的页面和两个不同的css (每个html页面一个)，如果我在其中一个页面中修改.table{}，那么css将应用于所有页面。我使用react引导
我希望page1中有一个100%宽度的表，page2中33.3%宽度的表。
page2：
import React from 'react';
import Container from "react-bootstrap/Container";
import {Jumbotron} from "react-bootstrap";
import Row from "react-b
浏览 0提问于2019-04-19得票数 0
回答已采纳
1回答
我在玩react-bootstrap组件，发现它们的模型结构如下：
<Modal>
<Modal.Header>
...
</Modal.Header>
<Modal.Body>
...
</Modal.Body>
</Modal>
我只是好奇，他们如何能够创建一个同时包含子组件(如<Modal.Header> )的react组件？我在我的项目中做了很多定制的组件，我很想像这样构造我的一些组件。
浏览 3提问于2022-09-23得票数 1
回答已采纳
我在尝试学习react。尝试一下，我尝试了react-bootstrap，并尝试使用react-bootstrap accordion实现accordion。首先，我尝试使用ButtonToolBar，它工作得很好。
var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var Button = ReactBootstrap.Button;
var buttonsInstance = (
<ButtonToolbar>
<Button>Submit</Button>
<But
浏览 3提问于2014-11-19得票数 2
回答已采纳
我正在创建一个简单的计时器，当用户点击开始计时器时，计时器开始计时，当用户点击停止计时器时计时器停止。但是clearinterval不起作用，我甚至试过了。 import React, { useEffect, useState } from "react";
import Container from "react-bootstrap/Container";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import
浏览 21提问于2021-01-11得票数 0
1回答
我正在尝试开发一个自定义钩子，这似乎很容易，但我遇到了一个错误。
不可更改的违规:无效的钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：
您可能有React和呈现器的版本不匹配(例如React )。
你可能违反了胡克斯的规则
在同一个应用程序中，可能有多个React副本。
这是我的钩子
import React, { useState, useEffect } from 'react';
const useInfiniteScroll = (isLastPage: boolean, fetchFn: any) => {
浏览 0提问于2019-09-28得票数 1
1回答
我有一个问题，理解如何使用反应路由器的路由和网页，我学习了反应的原则和工作的工作岗位上的24种方式目前。我面临的问题是导入组件的能力。
例如，我的路由器设置如下：
// Router
export const routes = {
path: '',
component: appComponent,
childRoutes: [
{
path: '/',
components: {nav: navbarComponent, content: indexComponent}
浏览 2提问于2016-01-15得票数 2
我得到了这个错误，
警告: validateDOMNesting(...)：不能作为的后代出现。请参见HeaderNavigation > NavItem > SafeAnchor >a> ... > Scrollchor > a.警告
使用此代码，
import React from 'react';
import Navbar from 'react-bootstrap/lib/Navbar'
import {Nav, NavItem} from 'react-bootstrap';
import Scro
浏览 7提问于2017-06-24得票数 1
回答已采纳
2回答
在我的主修课上，我有一个导航栏，其选项如下：
<NavDropdown title="Search" id="collasible-nav-dropdown">
<NavDropdown.Item href="#/searchpage/p" onClick={this.dontEdit}>Find People</NavDropdown.Item>
<NavDropdown.Item href="#/searchpage/s
浏览 1提问于2020-01-18得票数 2
回答已采纳
1回答
昨天，我的应用程序运行得很好，直到今天。我有一个带有Bootstrap的react应用程序。今天我刷新了我的应用程序，所有带有Bootstrap的CSS都停止工作了。
在我的package.json中是"react-bootstrap"："^0.31.5"，我还添加了一个指向index.html中脚本的链接，如下所示：
<script src="http://code.jquery.com/jquery-3.2.1.js"></script>
<link rel="stylesheet" hr
浏览 8提问于2018-02-05得票数 2
回答已采纳
1回答
我想用webpack捆绑一个大包的一个或两个组件(反应-引导)。我的代码中有这样的内容：
Popover = require('react-bootstrap').Popover;
OverlayTrigger = require('react-bootstrap').OverlayTrigger;
我不得不使用公共语言，但我很好奇这是否在ES6 import Popover from 'bootstrap-react'中更有效。目前，webpack把整个反应
我如何让webpack只捆绑这两个组件及其依赖关系？
浏览 5提问于2015-11-05得票数 0
回答已采纳
我正在使用下面的代码
import Navbar from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
import NavDropdown from 'react-bootstrap/NavDropdown'
但是我找不到像这样的多级下拉菜单
My-Menu
menu-1
menu-1-a
menu-1-b
menu-2
menu-3
m
浏览 5提问于2020-04-30得票数 5
在我的表单中，我想要切换按钮。下面的代码是从切换按钮上的react-bootstrap文档复制的。但是，单选按钮圈在应该隐藏时会显示出来。我怎么把它们藏起来？ import ButtonGroup from 'react-bootstrap/ButtonGroup'
import ToggleButton from 'react-bootstrap/ToggleButton ‘ <ButtonGroup>
{radios.map((radio, idx) => (
<ToggleButton
key={idx}
浏览 27提问于2021-08-03得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
