1

我正在尝试从服务器获取我的应用程序渲染，因此试图从这里实现 ServerRendering 示例：http ://redux.js.org/docs/recipes/ServerRendering.html

我可以成功运行 server.js，但是一旦我加载了 localhost，就会收到“Uncaught SyntaxError: Unexpected token <”错误@ bundle.js:2。我相信它与 renderFullPage() 函数有关：

function renderFullPage(html, initialState) {
  return `
    <!doctype html>
    <html>
      <head>
        <title>Redux Universal Example</title>
      </head>
      <body>
        <div id="root">${html}</div>
        <script>
          window.__INITIAL_STATE__ = ${JSON.stringify(initialState)}
        </script>
        <script src="/dist/bundle.js"></script>
      </body>
    </html>
    `
}

如果我删除该行<script src="/dist/bundle.js"></script>，错误就会消失，但是计数器不起作用。

这是错误引用的 bundle.js：

捆绑.js

它应该在我的 dist 文件夹中引用 bundle.js 但不是出于某种原因？如果我使 index.html 文件与 renderFullPage 返回的文件完全相同，除了摆脱${html}和 <script> window.__INITIAL_STATE__ = ${JSON.stringify(initialState)} </script>

然后计数器工作正常。当我进行服务器端渲染时，客户端似乎找不到 bundle.js 代码，因此创建了一个与从服务器接收到的代码完全相同的代码，因此当它运行到 html 时出现错误它期待javascript。

4

1 回答 1

1

这是因为您bundle.js包含 HTML 而不是您的客户端脚本。您是否使用包罗万象的路线而不是让它加载您的静态资产？您的express.static中间件use调用应该在这段代码之前进行（中间件顺序很重要）。

于 2016-03-29T23:44:12.510 回答