Webpacker 在循环中重新编译

Question

我正在尝试启动 Rails 6 项目并运行ning 进行开发。我正在使用 webpacker 6 和 tailwindcss 2。出于某种原因，一旦我打开网站，webpacker 将在每次成功编译后再次开始编译过程。似乎有什么东西再次触发了编译，但我不知道它是什么。我在 Windows 环境中使用 WSL 2。当我运行 bin/webpack-dev-server 第一次在终端中（没有在浏览器上打开网站）我得到预期的输出并且 webpacker 只是编译一切作为应该是（只编译一次）

但是只要我通过浏览器访问本地运行ning 网站，即使我没有更改代码中的任何内容，webpacker 也不会停止重新编译。这是我的终端输出：

ℹ ｢wdm｣: Compiling...
ℹ ｢wdm｣: assets by status 5.05 MiB [cached] 29 assets
asset manifest.json 3.56 KiB [emitted]
webpack 5.39.1 compiled successfully in 531 ms
ℹ ｢wdm｣: Compiled successfully.
ℹ ｢wdm｣: Compiling...
ℹ ｢wdm｣: wait until bundle finished: /packs/css/application-36e9b2b1.css
ℹ ｢wdm｣: assets by status 5.05 MiB [cached] 29 assets
asset manifest.json 3.56 KiB [emitted]
webpack 5.39.1 compiled successfully in 673 ms
ℹ ｢wdm｣: Compiled successfully.
ℹ ｢wdm｣: Compiling...
ℹ ｢wdm｣: assets by status 5.05 MiB [cached] 29 assets
asset manifest.json 3.56 KiB [emitted]
webpack 5.39.1 compiled successfully in 502 ms
ℹ ｢wdm｣: Compiled successfully.
ℹ ｢wdm｣: Compiling...
ℹ ｢wdm｣: wait until bundle finished: /packs/css/application-36e9b2b1.css
ℹ ｢wdm｣: assets by status 5.05 MiB [cached] 29 assets
asset manifest.json 3.56 KiB [emitted]
webpack 5.39.1 compiled successfully in 551 ms
ℹ ｢wdm｣: Compiled successfully.
ℹ ｢wdm｣: Compiling...
ℹ ｢wdm｣: assets by status 5.05 MiB [cached] 29 assets
asset manifest.json 3.56 KiB [emitted]
webpack 5.39.1 compiled successfully in 466 ms
ℹ ｢wdm｣: Compiled successfully.
ℹ ｢wdm｣: Compiling...
ℹ ｢wdm｣: wait until bundle finished: /packs/css/application-36e9b2b1.css
ℹ ｢wdm｣: assets by status 5.05 MiB [cached] 29 assets
asset manifest.json 3.56 KiB [emitted]
webpack 5.39.1 compiled successfully in 453 ms
ℹ ｢wdm｣: Compiled successfully.
ℹ ｢wdm｣: Compiling...

如何阻止 webpacker-dev-server 一直编译？或者是什么原因导致一次又一次的编译？

Answer 1

已解决： 以防其他人遇到这个问题：

看来是我的bundler版本有问题。我不得不卸载我的捆绑器，现在只使用 rails 中的默认捆绑器。我也删除了 node_modules rm -rf node_modules 并通过运行 yarn install 重新安装它们。这解决了我的问题。

Answer 2

我也一样。就我而言，顺风是造成这种情况的原因。

如果 tailwind 配置的 content 属性中有类似 "./**/*.html.haml", 的内容，请将其更改为更具体的内容，例如：

  content: [
    "./app/views/**/*.html.erb",
    "./app/views/**/*.html.slim"
  ],

Webpacker 在循环中重新编译

Webpacker recompiling in a loop

webpacker

tailwind-css

ruby-on-rails-6

wsl-2