isomorphic-javascript相关内容
我使用的是最新的(2017 年 12 月) 依赖项堆栈.当我用 Jest 尝试同构反应测试时,测试服不断失败并出现以下错误: * 测试套件运行失败[BABEL]/__tests__/router.test.js: Plugin/Preset 文件不允许导出对象,只有函数. 这是我的依赖项: “依赖项":{"axios": "^0.17.1","babel-polyfill": "^6.26.
..
我有一个要求,我要在其中渲染显示表单的视图.在提交表单时,我需要收集表单数据并创建一个文件并将表单数据保存为该文件中的 JSON.我正在使用 React.js、node.js、babel 和 webpack. 在努力实现这一目标后,我发现我必须使用同构或通用 javascript,即在服务器端使用 react 和 render,因为我们不能在客户端使用 fs 模块.参考了这个服务器端.
..
我正在尝试让同构的 Node.js、Express、Webpack、React 应用程序正常工作.我收到以下错误.关于如何修复它的任何建议? 警告:React 尝试在容器中重用标记,但校验和无效.这通常意味着您正在使用服务器渲染并且服务器上生成的标记不是客户端所期望的.React 注入了新的标记来补偿哪些有效,但您已经失去了服务器渲染的许多好处.相反,找出为什么在客户端或服务器上生成的标记不同:
..
我正在构建一个用于管理营销登陆页面的 CMS 系统.在“编辑登陆页面"视图中,我希望能够为用户正在编辑的任何登陆页面加载关联的样式表.我怎么能用 React 做这样的事情? 我的应用完全是 React、同构的,在 Koa 上运行.我的相关页面的基本组件层次结构如下所示: App.jsx(有 `` 标签)└── Layout.jsx(决定页面结构、侧边栏等)└── EditLandingPa
..
我已经成功地使用 webpack 配置中的插件部分正确使用 webpack 开发服务器和节点服务器(express). 一切正常,但现在我正在尝试使用同构并在 express 应用程序中使用客户端组件. 到目前为止,我遇到的唯一问题是,如果没有 webpack“解析"我的服务器端代码,我会遇到需要组件但路径未解决的情况 I.E. 组件内部 'use strict';从“反
..
我想使用 React 入门套件. 例如: 改为: 从 '../../components/Component 导入组件 我想用 从'组件/组件导入组件 我在 config.js 文件中添加了这个配置: 解析:{别名:{组件:'./src/components'}} 此 resolve.alias 为与 webpack 捆绑但不适用于 React Starter Kit 的项
..
我有一个同构应用程序,它使用 webpack 2 来编译资产.我现在用 System.import 添加了分块,它在 webpack 端工作但在服务器端没有找到函数. 知道如何解决这个问题吗? 解决方案 有几个选项可以让 System.import 与同构/服务器端渲染一起工作: 功能检测系统和polyfill Node 允许您在许多地方调用 require() 并且按如
..
我正在尝试制作同构的 JavaScript 应用程序. 服务端代码和客户端代码均由 Webpack 编译. 当我尝试运行包含 typeorm 连接的已编译服务器端包时,我收到这样的错误 错误 (node:324) UnhandledPromiseRejectionWarning:/var/www/server/database/entity/WasteGroup.ts:1(fu
..
我正在编写一个基于以下内容的同构 React 应用程序: https://github.com/choonkending/react-webpack-node 我想使用 scss 而不是示例中使用的 css 模块.出于某种原因,我很难让他们工作.我的第一步是从服务器和客户端删除 css webpack loader configs 将它们替换为 scss 特定的加载程序(以及删除 po
..
我正在使用 Webpack、react、react-router、react-redux、redux 和 simple-redux-router. 我在使用 react-router 和异步路由和服务器端渲染时遇到这个错误: bundle.js:1 警告:React 尝试在容器中重用标记,但校验和无效.这通常意味着您正在使用服务器渲染并且服务器上生成的标记不是客户端所期望的.React 注
..
我无法修复此错误...我启动服务器,一切正常,因为我刷新了 localhost:3000然后它告诉我一个错误: TypeError: (0 , _reactRouter.match) 不是函数 我已经安装了“react-router":“^4.0.0" import Express from 'express';从“反应路由器"导入{RouterContext,匹配};从'react
..
我正在尝试制作一个我正在开发的同构的 React 应用程序.这样做的已知问题之一是 webpack 加载器允许 import/require 非 JavaScript 资源,例如 CSS 文件.例如 //ExampleComponent.jsx导入从“反应选择"中选择;导入 'react-select/dist/react-select.css'; 如果使用 Express 构建应用程序,那么
..
我在我的 webApp 中使用 localStorage 在客户端存储数据.但是当我试图使应用程序同构时,这会导致一个问题.由于 node 不是浏览器环境,它不能定义诸如 'window'、'localStorage' 等对象.我该如何解决这个问题? 解决方案 您可以通过检查模块是否不是 'undefined' 来检查代码是在服务器上执行还是在客户端执行代码>: var isNode =
..
我认为我在概念上缺少使用 React.js 进行服务器端渲染的一些东西 假设我想创建一个页面来显示来自服务器端数据库的项目,并带有一个输入字段过滤它们. 我想要一个页面: 响应像 /items?name=foobar 这样的 URL使用 React 输入字段按名称过滤项目 使用 React 组件来显示过滤项目列表 假设我有一个公共 REST API 来查询客户端的项目.
..
我是 React 和 Redux 的新手.虽然我知道 React 只是一个视图层.但是我看到了一个术语“React 可用于服务器端渲染".这是什么意思以及它如何在 nodejs 的幕后工作.任何人都可以帮助我弄清楚“什么是反应中的服务器端渲染"这一事实. 解决方案 react-dom 包包含一个 server 模块.该模块允许您使用 reactDOMServer.renderTostrin
..
我有一个React应用程序,其中包含一个表单,该表单呈现在服务器端,并预先填充了用户正在进行的工作.问题在于,如果用户在应用程序加载之前在表单中编辑了一个值,则该应用程序将不知道所做的更改.当用户保存时,尽管仍然以表格形式显示,但服务器保存的未更改数据将被重新保存,而用户的新数据将被删除.简而言之,React和输入值之间的连接似乎在断开时会被替换,该值在初始加载时会被替换. 我想我可以在每个
..
我正在使用react和express.js开发同构应用程序.我正在使用React Router进行客户端路由.在运行该应用程序时,我在控制台中收到以下错误和警告 警告:propType失败:提供给Route的类型为object的道具handler无效,预期为function. 警告:提供给UnknownComponent的类型为object的未定义handler无效,预期为functi
..
我正在构建同构应用程序。 它是完全由react构建的-即html库也包含在react中。 我将根html用作应用程序组件。 看起来像这样: ... var AppTemplate = React.createClass({ displayName:'AppTemplate', render:function(){ return(
..
我正在尝试使用express,react和webpack创建一个同构的react应用. 一切正常,直到我在一个组件中导入一个css文件.我知道node无法处理此导入,但是有人可以解释github上的此包如何允许其组件具有css导入行吗? https://github.com/kriasoft/react-starter-kit 我想使我的项目与此类似.他们是否在任何地方都有一行,
..
我想知道使用Paypal的React Engine( https://github.com/paypal/react-engine ),但我有一些疑问: 与其他模板引擎(如把手)相比有什么好处? 为什么要上传.jsx文件而不上传(jsx预编译/转换).js文件? (这应该更快,因为不必在服务器上处理转换.) 我一直在研究,但感到困惑. 谢谢 解决方案 react-e
..