- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我为react16创建了新的样板。
https://github.com/jasonvillalon/react16-boilerplate
它在开发中运行时可以使用:
npm start
npm start:webpack
但是在生产环境中运行时,它会在 renderToString 上抛出错误
NODE_ENV=production npm start
webpack 成功且没有错误,但在渲染页面时出现错误:
ERROR: TypeError: Cannot set property 'getCurrentStack' of undefined
at setCurrentDebugStack (webpack:///./node_modules/react-dom/cjs/react-dom-server.node.development.js?:1816:48)
at ReactDOMServerRenderer.read (webpack:///./node_modules/react-dom/cjs/react-dom-server.node.development.js?:2225:13)
at renderToString (webpack:///./node_modules/react-dom/cjs/react-dom-server.node.development.js?:2494:29)
at _callee$ (webpack:///./src/server.jsx?:66:49)
at tryCatch (/Users/jasonvillalon/Documents/fun-projects/from-scratch/node_modules/babel-polyfill/node_modules/regenerator-runtime/runtime.js:65:40)
at Generator.invoke [as _invoke] (/Users/jasonvillalon/Documents/fun-projects/from-scratch/node_modules/babel-polyfill/node_modules/regenerator-runtime/runtime.js:303:22)
at Generator.prototype.(anonymous function) [as next] (/Users/jasonvillalon/Documents/fun-projects/from-scratch/node_modules/babel-polyfill/node_modules/regenerator-runtime/runtime.js:117:21)
at step (webpack:///./src/server.jsx?:27:191)
at eval (webpack:///./src/server.jsx?:27:437)
at new Promise (<anonymous>)
有人知道发生了什么事吗?
最诚挚的问候,杰森
最佳答案
问题是,在 Webpack 中,您设置了以下内容:
let config = {
mode: "development",
....
但是您可以在 Winblows/DOS 命令行上设置:
set NODE_ENV=production
或者在您已设置的 Linux 上
export NODE_ENV=production
或者可能在您设置的 webpack.config.js 中:
let config = {
...
new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify("production")
}
})
要解决此问题,您需要修复顶部部分:
let config = {
mode: "production",
....
或取消设置 NODE_ENV 环境变量。
上面的评论归功于@Jordan M Alperin。
关于reactjs - ReactDOM RSS renderToString 制作错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49154914/
我知道它只是将 HTML 呈现为文本,所以说到类组件,只有 contructor()和 render()在 renderToString() 期间调用方法.但是我注意到了一些关于函数组件的奇怪行为。考
我在服务器上渲染 react 组件,当转到路由时收到错误消息: const renderToString = ReactDOMServer.renderToString const fac =
如果我这样做 const clicked = () => console.log(“click”); renderToString(Click here 当我打印出呈现的字符串时,我只看到 Click
我为react16创建了新的样板。 https://github.com/jasonvillalon/react16-boilerplate 它在开发中运行时可以使用: npm start npm s
我有一个脚本,它读取reactjs文件,然后使用renderToString将其渲染为html。但是 renderToString 使我的组件 className 和所有其他 pascalCased
为什么问这个问题? 我正在学习有关 js 性能和 Web 渲染的知识。 This post非常有用。 如果您点击一些链接,您将登陆 here并阅读以下内容: User code in Node.js
我一直在思考如何优化 React 服务器端渲染,尤其是我应用程序中的瓶颈部分,即同步 renterToString 调用。因为这是一个阻塞调用,所以长函数 renderToString 调用会导致我的
在 React 中,有 renderToString 和 renderToStaticMarkup。 据我所知,renderToString 保留了所有的react-id 属性,这使得加载速度变慢。那
我注意到reactDOM.renderToString()在服务器上渲染大型组件树时,方法开始显着减慢。 背景 一些背景知识。该系统是一个完全同构的堆栈。最高级别App组件渲染模板、页面、dom 元素
在 WebWorker 中,我使用 ReactDOMServer.renderToString 然后我将该字符串传递回主 UI 线程: lines = lines.map(function(l
我正在寻找与 react-dom/server.renderToString 等效的 Angular 2 import { renderToString } from 'react-dom/serve
我正在尝试复制这个 fiddle : http://jsfiddle.net/jhudson8/135oo6f8/ (我也试过这个例子 http://codepen.io/adamaoc/pen/wB
我有一个应用程序,其中 webpack 配置为模块 bundler ,babel 作为我的 js 编译器。全部都在 Node 引擎上。我设置当我运行 npm run dev 时,将会发生以下流程: w
我正在为我的 React/Express 应用程序设置服务器端渲染,但遇到与调用 react-dom/server 相关的语法错误。 renderToString()方法。我正在大致遵循本教程 - h
我正在尝试使用 React 和 React-router 进行服务器端渲染。到目前为止,它只是来自各种来源的复制粘贴代码。但是当我尝试使用 Node 运行应用程序时出现语法错误(不是运行时错误)。下面
我正在尝试使用 Webpack 设置同构服务器端渲染 React 应用程序,但是当我尝试使用 renderToString 将我的 React 代码转换为字符串时出现此错误: Warning: Rea
我正在使用 React v.16.12.0 和 @MaterialUI/core v4.8.1。 我正在尝试为 React Leaflet Marker 创建自定义图标。图标是 Fab Materia
我有一个常规的 React 应用程序 (CRA)。在应用程序的一部分中,我使用 Mapbox 来显示 map ,并且要呈现弹出窗口,我需要传入要呈现的 html 内容字符串。我仍然想使用 React
React 有一个新的候选版本,v 15.0.0。由于 renderToString 方法现在在库中已被弃用,并且显然在未来版本中将不再使用,那么在新版本中如何支持 React 的服务器端渲染呢? 在
我正在使用Leaflet开发一个应用程序(通过react-leaflet)。 Leaflet直接操作DOM。 React-leaflet 库不会改变这一点,它只是为您提供 React 组件,您可以使用
我是一名优秀的程序员,十分优秀!