在Webpack（SSR）捆绑的Express中找不到静态文件夹

Question

我打算通过事件处理程序来进行服务器端渲染，而在将index.js文件提供给localhost express服务器时遇到了一个问题。 试图在这里寻找其他几个答案，但我似乎无法将其包裹住。

这是代码。

import express from "express";
import React from "react";
import { renderToString } from "react-dom/server";
import App from "./app/home/app";
import path from "path";
import fs from "fs";

let server = port => {
  const app = express();

  app.use('/js', express.static(path.resolve('/static')));
  console.log(path.resolve('/static'));
  console.log(path.join(__dirname, '/static'));
  console.log(fs.existsSync(path.resolve('/static')));

  app.get("/", (req, res) => {
    res.status(200).send(renderMarkup(renderToString(<App />)));
  });

  app.get("/ping", (req, res) => {
    res.status(200).send("HELLO!");
  });

  app.listen(port, () => console.log("Server Ready!"));
}

let renderMarkup = html => {
  return `
    <!DOCTYPE html>
    <html>
        <head>
            <title>Webpack SSR Demo</title>
            <meta charset="utf-8" />
        </head>
        <body>
            <div id="app">${html}</div>
            <script src="/js/index.js"></script>
        </body>
    </html>
 `;
}

server(process.env.PORT || 8080);

我尝试记录是否存在我的静态目录。 尽管当我检查构建文件夹（Webpack捆绑包的输出目录。它确实存在）时，它仍返回false。

我的构建文件夹目录如下所述（请放心，所有js捆绑包均已成功构建）：

build
|- static
|-- index.js
|- server.js

TLDR：视图已成功呈现。 由于未加载客户端JavaScript，因此事件无法正常运行。

Answer 1

在搜寻了许多问题之后，github问题并阅读了捆绑的js。

服务器代码不是问题。 参见： https : //github.com/webpack/webpack/issues/1599

我需要将其添加到我的webpack.server.js中：

node: {
  __dirname: false,
},

在Webpack（SSR）捆绑的Express中找不到静态文件夹

问题描述

1 个解决方案

解决方案1
2 已采纳 2019-01-04 00:49:25

在Webpack（SSR）捆绑的Express中找不到静态文件夹

问题描述

1 个解决方案

解决方案1 2 已采纳 2019-01-04 00:49:25

解决方案1
2 已采纳 2019-01-04 00:49:25