个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
31
4
我最近尝试使用 express 构建一个通用应用程序+ react + redux
这里是我的问题的简要描述:
我已经成功地将 React 组件呈现为 HTML 并通过 express 的 res.send(renderFullPage(html, initialState)) 将其发送回客户端. html 在浏览器端正确呈现。但是，我一直在浏览器控制台中收到此错误:
Uncaught SyntaxError: Unexpected token < ... bundle.js: 1`enter code here`
当我通过单击 bundle.js: 1 进一步研究问题时，我看到了:
<!doctype html> (x)
我通过运行 npm run devServer 来启动节点服务器package.json 中的命令:
```
{
"name": "universal",
"version": "1.0.0",
"author": "Bryan Huang",
"description": "nodejs isomorphic package",
"main": "index.js",
"scripts": {
"test": "mocha --compilers js:babel-core/register --recursive",
"devServer": "nodemon server/bin/server.js",
"buildServer": "babel server/server.js -d build",
"startServer": "node build/server/server.js",
"lint": "eslint . --ext .js --ext .jsx",
"build": "webpack",
"dev": "webpack-dev-server"
}
...
}
```
server/bin/server.js:
```
const fs = require('fs')
const path = require('path')
const config = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../..', '.babelrc'), 'utf-8'))
require('babel-register')(config)
require(path.resolve(__dirname, '../server.js'))
```
server/server.js
```
import 'babel-polyfill'
import path from 'path'
import React from 'react'
import { renderToString } from 'react-dom/server'
import renderFullPage from './utils/render'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import App from '../src/containers/App'
import reducers from '../src/reducers'
import express from 'express'
const app = express()
const staticPath = path.resolve(__dirname, '../..', 'static')
// serve static files.
app.use('/static', express.static(staticPath))
// Fired everytime the server side receives a request.
app.use(handleRender)
app.use(renderFullPage)
function handleRender (req, res) {
// Create store.
const store = createStore(reducers)
// Render the component to string.
const html = renderToString (
<Provider store={store}>
<App />
</Provider>
)
// Get the initial state.
const initialState = store.getState()
// Send the rendered page back to client
res.send(renderFullPage(html, initialState))
}
app.listen(3004, () => {
console.log('listening in port 3004')
})
```
这是我的 renderFullPage功能:
```
export default function renderFullPage (html, initialState) {
return `<!doctype html>
<html>
<head>
<title>Universal App</title>
</head>
<body>
<div id='app'>${html}</div>
<script>
window.__INITIAL_STATE__ = ${JSON.stringify(initialState)}
</script>
<script src='build/bundle.js'></script>
</body>
</html>
`
}
```
我是否做错了什么导致了这个问题？
最佳答案
为脚本标签“<script src="">code goes here.</script>'”添加一个空的 src 属性
关于javascript - "Unexpected token < "在做 react redux 服务器端渲染时，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37905952/
31
4
0
我正在开发一个应用程序，它使用 OAuth - 基于 token 的身份验证。 考虑到我们拥有访问和刷新 token ，这就是流程的样子。 Api call -> intercepter append
如何取消标记此代码的输出？ 类(class)核心: def __init__(self, user_input): pos = pop(user_input) subject = ""
当我使用命令 kubectl 时与 --token标记并指定 token ，它仍然使用 kubeconfig 中的管理员凭据文件。 这是我做的: NAMESPACE="default" SERVICE
我正在制作 SPA，并决定使用 JWT 进行身份验证/授权，并且我已经阅读了一些关于 Tokens 与 Cookies 的博客。我了解 cookie 授权的工作原理，并了解基本 token 授权的工作
我正在尝试从应用服务获取 Google 的刷新 token ，但无法。 日志说 2016-11-04T00:04:25 PID[500] Verbose Received request: GET h
我正在开发一个项目，只是为了为 java 开发人员测试 eclipse IDE。我是java新手，所以我想知道为什么它不起作用，因为我已经知道该怎么做了。这是代码: public class ecli
我正在尝试使用 JwtSecurityTokenHandler 将 token 字符串转换为 jwt token 。但它出现错误说 IDX12709: CanReadToken() returned
我已阅读文档 Authentication (来自 Facebook 的官方)。我仍然不明白 Facebook 提供的这三种访问 token 之间的区别。网站上给出了一些例子，但我还是不太明白。 每个
我的部署服务器有时有这个问题，这让我抓狂，因为我无法在本地主机中重现，我已经尝试在我的 web.config 中添加机器 key ，但没有成功远。 它只发生在登录页面。 我的布局:
我已经设法获得了一个简单的示例代码，它可以创建一个不记名 token ，还可以通过阅读 stackoverflow 上的其他论坛来通过刷新 token 请求新的不记名 token 。 启动类是这样的
如果我有以前的刷新 token 和使用纯 php 的访问 token ，没有 Google Api 库，是否可以刷新 Google Api token ？我在数据库中存储了许多用户刷新和访问 toke
我通过 Java 应用程序使用 Google 电子表格时遇到了问题。我创建了应用程序，该应用程序运行了 1 年多，没有任何问题，我什至在 Create Spreadsheet using Google
当我有一个有效的刷新 token 时，我正在尝试使用 Keycloak admin REST API 重新创建访问 token 。 我已经通过调用 POST/auth/realms/{realm}/p
我正在尝试让第三方 Java 客户端与我编写的 WCF 服务进行通信。 收到消息时出现如下异常: Cannot find a token authenticator for the 'System.I
在尝试将数据插入到我的 SQl 数据库时，我收到以下错误 System.Data.SqlServerCe.SqlCeException: There was an error parsing the
使用数据库 session token 系统，我可以让用户使用用户名/密码登录，服务器可以生成 token (例如 uuid)并将其存储在数据库中并将该 token 返回给客户端。其上的每个请求都将包
我最近注册了 Microsoft Azure 并设置了认知服务帐户。使用 Text Translation API Documentation 中的说明我能够使用 interactive online
我使用 IAntiforgery API 创建了一个 ASP.Net Core 2 应用程序。 这提供了一种返回 cookie 的方法。 客户端获取该 cookie，并在后续 POST 请求中将该值放
我正在使用 spacy 来匹配某些文本(意大利语)中的特定表达式。我的文本可以多种形式出现，我正在尝试学习编写一般规则的最佳方式。我有如下 4 个案例，我想写一个适用于所有案例的通用模式。像这样的东西
我无法理解 oauth 2.0 token 的原则处理。 我的场景是，我有一个基于 web 的前端后端系统，带有 node.js 和 angular 2。用户应该能够在此站点上上传视频。然后创建一些额
我是一名优秀的程序员,十分优秀！