问题标签 [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.
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 存储库
包.json
Webpack.config.cjs 文件:
谢谢!
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---
我已将其更改root
为alias
:
nginx 日志返回 200 的文件:
但是,页面仍然被剥离。
编辑1---
据我从 nginx 访问和错误日志中可以看出,此设置为文件提供服务,但除了图像之外什么都没有加载。没有加载我的意思是整个页面似乎完全剥离了图像除外。
有没有办法查明问题?
最好的,塞巴斯蒂安