gpt4 book ai didi

javascript - 在 webpack (SSR) 捆绑的 express 中找不到静态文件夹

转载 作者:行者123 更新时间:2023-11-30 11:10:09 25 4
gpt4 key购买 nike

我打算进行服务器端呈现以与事件处理程序使用react,但我遇到了让 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: View 已成功呈现。事件不工作,因为客户端 javascript 没有被加载。

最佳答案

淘了一大堆问题,github issues 看了捆绑的js。

这不是服务器代码的问题。请参阅:https://github.com/webpack/webpack/issues/1599

我需要将它添加到我的 webpack.server.js 中:

node: {
__dirname: false,
},

关于javascript - 在 webpack (SSR) 捆绑的 express 中找不到静态文件夹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54031513/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com