React-Bootstrap不适用于服务器端渲染React App？

文章/答案/技术大牛

发布

1回答

node.js、reactjs、express、webpack、react-bootstrap

我跟随this tutorial做了一个服务器端渲染web应用程序，但是当我尝试实现React-Router时，我得到了以下错误 Error: Element type is invalid: expected

浏览 9提问于2020-09-29得票数 0

1回答

React-Bootstrap的服务器端呈现，意外令牌错误

javascript、reactjs、server-side、react-bootstrap

我正在尝试重写React代码，以便主要使用服务器端渲染，但我在使用React-Bootstrap时遇到了问题。从import Grid from 'react-bootstrap/lib/Grid';切换到var Grid = require('react-bootstrap/lib/Grid');会在render方法中出现错误：那么应该如何导入React-Bootstrap组件

浏览 2提问于2018-02-06得票数 1

4回答

我可以在Next.js中使用React Bootstrap吗？

reactjs、bootstrap-4、next.js、react-bootstrap

有没有人知道你能不能在Next.js中使用react-bootstrap？我使用的是两者的最新版本，现在我可以提供代码，但现在我的应用程序没有抛出任何错误，它只是没有注册我的任何react-bootstrap组件。也许有一些我在网上找不到的窍门？next-css') /* my next config */pages/index.js import Badge from 'react-bootstrap<Badge

浏览 3提问于2019-10-22得票数 22

回答已采纳

1回答

导航栏组件不显示react-bootstrap CSS

reactjs、npm、react-bootstrap

我正在渲染一个react-bootstrap导航栏，但我只是得到了没有任何bootstrap样式的混乱文本。我有引导CDN标签。我已经使用npm在项目中安装了react-bootstrap。我还确保不使用Bootstrap4标签，因为home说这不适用于react-bootstrap。(); App.js import React from 'react'; import Navbar from '<e

浏览 18提问于2019-04-25得票数 3

回答已采纳

2回答

是否有可能在React应用程序中使用引导程序？

reactjs

我能在我的React应用程序中使用引导吗？如果是，那我该如何使用？如果你能帮我举个例子，我会很高兴的。

浏览 10提问于2022-01-24得票数 -2

3回答

在React Js中，我想在单击卡片后尝试打开模式，但在单击卡片后无法打开模式

javascript、reactjs、react-bootstrap

import React from 'react'; import 'bootstrap/dist/css/bootstrap.min.css'; import CardDesing from './Modal&#

浏览 14提问于2020-01-31得票数 0

回答已采纳

0回答

如何使用Reacjs.Net和Redux一起进行服务器端渲染？

asp.net-mvc、reactjs、redux、serverside-javascript、reactjs.net

我正在尝试使用ReactJS和Redux在ASP.NET MVC中创建的一个应用程序进行服务器端渲染。我使用的是ReacJS.Net。import { render } from 'react-dom' import { Provider } from 'react-

浏览 11提问于2016-07-11得票数 6

1回答

无法呈现Reactjs-引导弹出窗口

react-bootstrap、popover

我安装了以下软件包： npm install --save react-bootstrap bootstrap 我正在尝试使用一个提供的here示例添加一个弹出式窗口。这是确切的代码： import React from 'react';import Popover from'react-bootstrap/Popover'; i

浏览 21提问于2020-08-11得票数 2

1回答

如何在游戏框架中使用RequireJS优化器？

requirejs、webjars、requirejs-optimizer、playframework-2.4

Desktop/rjsdemo/target/web/rjs/build/js/jquery.js'[info] main[info] In module tree:[info] <e

浏览 1提问于2015-06-03得票数 5

回答已采纳

1回答

在react中呈现Nav.Link时出错-引导@1.0.0-beta.5

reactjs、react-bootstrap

我直接将这个示例代码粘贴在react bootstraps官方页面上，但我无法让它工作。奇怪的是，只要我删除代码中的Nav.Link行，它就能正常工作。为什么我不能渲染Nav.Link？这是我的代码(App.js)import Button from 'react-bootstrap/lib/Button'; import Navbar fro

浏览 1提问于2019-02-26得票数 0

回答已采纳

1回答

kit.最新kriasoft/ for starter kit的引导装置

reactjs、react-bootstrap、react-starter-kit

我已经学习了几个教程，读了很多关于React的文章，所以我开始使用kriasoft/react-starter-kit来提高我的工作效率，而且我发现我可以有一些关于如何使用“正确”的写作方式的指导。我可以从React导入不同的组件-引导(如按钮等)通过简单的在我自己的组件中，我的问题是我在那些反作用力组件上没有css --引导组件。我

浏览 0提问于2016-11-20得票数 2

回答已采纳

2回答

React.lazy() vs React可加载

reactjs、react-loadable

我使用动态导入我的React组件有一段时间了。在最近的React release 16.6中，React团队已经包含了React.lazy()，它也执行动态导入。仍然使用react-loadable包有什么好处吗，或者是时候迁移到新的React版本了吗？

浏览 7提问于2018-10-29得票数 39

回答已采纳

2回答

react: react__WEBPACK_IMPORTED_MODULE_6___default.a.lazy不是TypeError@16.5.2的函数

reactjs、webpack、lazy-loading

我正在尝试通过react@16.5.2在我的create-react-app中使用lazy loading，我这样做了：import { BrowserRouter } from 'react-router-dom';

浏览 33提问于2018-12-15得票数 2

回答已采纳

1回答

Navbar中的引导下拉列表无法使用NextJs

reactjs、next.js、dropdown、bootstrap-5

在app.js中我导入了bootstrap.cssimport "..className="d-flex flex-column min-vh-100"> <Head> <meta name="description" content="Gener

浏览 3提问于2022-05-26得票数 0

2回答

如何用react-bootstrap制作加载动画

reactjs、animation、react-bootstrap

我想用react-bootstrap制作一个加载动画，同时等待API调用。我知道应该如何设置启动和停止它的状态，但我不知道如何使用react-bootstrap来完成。

浏览 54提问于2020-04-20得票数 5

1回答

组件在使用react引导时未定义。

reactjs、react-router-dom、react-bootstrap

, Nav } from 'react-bootstrap'import NavbarToggle from 'react-bootstrap/esm/NavbarToggle'import NavbarCollapse from 'react-bootstrap/esm/N

浏览 1提问于2020-09-22得票数 1

回答已采纳

1回答

通过ReactDOM渲染多个组件

javascript、reactjs

目前无法弄清楚为什么我的代码不能渲染。我想从你们中一些优秀的react.js程序员那里得到一些建议。我真的不明白哪里出了问题--我觉得它应该可以工作。这是我的App.jsimport ReactDOM from 'react-dom' import HeaderNavigation fromGrid from 'react-bootstrap/lib&

浏览 8提问于2017-01-17得票数 2

回答已采纳

1回答

由于plotly.js，Next.js纱线构建失败(发生构建错误ReferenceError:未定义自身)

javascript、reactjs、next.js、build-error、plotly.js

当我尝试使用yarn build命令构建用于生产的Next.js应用程序时，我得到了以下错误。但它在开发服务器上运行良好(当使用yarn dev命令时)。我正在使用react-plotly.js库在这个react应用程序中生成绘图图形。使用react-plotly库： import Plot from 'react-plotly.js'; <> <Plot data={[data]} layout={layout

浏览 27提问于2021-10-13得票数 0

回答已采纳

3回答

React bootstrap导航栏样式

reactjs、navbar、react-bootstrap

我正在尝试弄清楚如何将样式应用于react bootstraps NavBar。在这里添加了jsfiddle。在使用react-bootstrap运行jsfiddle时遇到一些问题。const navbar = {backgroundColor: '#F16E10'}; <Navbar.Header>

浏览 0提问于2016-12-13得票数 4

3回答