Webpacker 在循环中重新编译答案

【问题标题】：Webpacker recompiling in a loopWebpacker 在循环中重新编译
【发布时间】：2021-06-21 16:10:43
【问题描述】：

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

但是只要我通过浏览器访问本地运行的网站，即使我没有更改代码中的任何内容，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 一直编译？或者是什么原因导致一次又一次地触发编译？

【问题讨论】：

标签： ruby-on-rails-6 tailwind-css webpacker wsl-2

【解决方案1】：

已解决： 万一其他人遇到这个问题：

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

【讨论】：

我有同样的问题，但你的解决方案对我不起作用

【解决方案2】：

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

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

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

【讨论】：