首页 > 解决方案 > 如何在 aws lambda、nodejs 14.x 上托管一个 react、typescript 网站

问题描述

我正在尝试在 AWS lambda 上托管一个网站,源代码很简单,只是显示了用 react 和 typeScript 编写的 hello world。

我将 Webpack 与 babel-loader 一起使用,它构建了 2 个文件,即 bundle.js 和 index.html

因此,我尝试在 lambda 处理程序中调用 index.html,以便当我使用 API 网关触发 lambda 时,它将加载 index.html,该 index.html 将加载作为 index.html 内的脚本的 bundle.js。

构建后的代码在屏幕截图中如下所示。index.html 的代码

在此处输入图像描述

lambda.js 中的 handler 代码

在此处输入图像描述

使用测试事件执行的图片

在此处输入图像描述

打开 API 网关提供的 URL 后,它显示 {"message":"Internal Server Error"}

我尝试了另一种方法,即在处理程序中对 index.html 进行硬编码,然后返回它,但它不加载 bundle.js 可能是它无法获取它。

在此处输入图像描述

执行响应: 在此处输入图像描述

它显示了在处理程序中编写的 hello world

标记但不是来自脚本 在此处输入图像描述

请帮我解决问题,谢谢各位。

我总是使用堆栈溢出来解决我的问题,但今天我第一次在这里发帖。

标签: javascriptnode.jsamazon-web-serviceswebpackaws-lambda

解决方案


推荐阅读