问题标签 [hanami]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
165 浏览

javascript - Webpack 5:尽管 HMR 连接成功,但文件更改时 DevServer 不会触发重新编译

网络包版本

大家好,

我对编码和尝试使用前端的 React 和后端的 Hanami(一个 Ruby 框架)设置一个单体应用程序非常陌生。我想使用 Webpack 来处理我的 .js 和 .jsx 文件,因为我对 Ruby on Rails 很熟悉。

经过几个小时的配置,我设法让 Webpack 工作并成功编译了我的 javascript 文件。但是,我无法进行热重装工作。

我将 webpack devserver 与 Hanami WEBrick 服务器(在不同的端口上)一起运行,Webpack Devserver 成功编译了文件,并且一切都在我的 Hanami 服务器上正确提供。

控制台报告我已成功连接到 HMR 并已启用,如下所示:

控制台输出

但是,每当我对 Webpack 处理的任何 JS / JSX 文件进行更改时,它们都不会触发重新编译。我只有在关闭并重新启动服务器时才能看到更改。

编译成功输出

我通过查看 Webpack Github 存储库以及文档尝试了不同的解决方案,但没有运气。任何想法为什么热重载不起作用?

链接到 Github 存储库

链接到 Github 回购与问题

包.json

Webpack.config.cjs 文件:

谢谢!

0 投票
0 回答
55 浏览

nginx - 在使用 nginx 的 dockerized 应用程序中提供静态文件时,不会加载静态文件

在我的 dockerized 应用程序中使用 nginx 服务时,我遇到了静态文件问题。

堆栈:Ruby + Hanami + Postgres + Puma + nginx

静态文件:图片、字体、js文件和css。

我希望 nginx 提供静态文件而不是 Hanami。我在 hanami_project/public 文件夹中准备好所有静态文件,结构如下:

hanami_project/public 文件夹是 nginx 服务的卷。

这是我的 docker_compose.yml:

这是我的 nginx.conf 文件:

编辑1---

我已将其更改rootalias

nginx 日志返回 200 的文件:

但是,页面仍然被剥离。

编辑1---

据我从 nginx 访问和错误日​​志中可以看出,此设置为文件提供服务,但除了图像之外什么都没有加载。没有加载我的意思是整个页面似乎完全剥离了图像除外。

有没有办法查明问题?

最好的,塞巴斯蒂安