【问题标题】:`npm run watch` not working in Laravel 5.4`npm run watch` 在 Laravel 5.4 中不起作用
【发布时间】:2017-01-26 04:34:55
【问题描述】:

使用 Laravel 5.4 和 Mix,当我运行 npm run watch 时,它会编译一次所有内容,看起来它正在等待更改,但是当我对我的任何资产文件进行更改时,它似乎没有检测到任何东西。还有其他人在 5.4 中遇到此问题或有解决方案吗?

【问题讨论】:

  • 您保存文件了吗?
  • @mrabbani 是的,文件已保存,但手表无法拾取它们。如果我停止观察并再次运行它,它将在第一次编译时发现更改,但之后就没有了。
  • 我也面临同样的问题。我运行npm run watch,文件只在第一次编译。似乎手表正在等待更改,但使其工作的唯一方法是秒表并再次运行它。尝试了node_modules/.bin/webpack --watch --watch-poll --config=node_modules/laravel-mix/setup/webpack.config.js,但仍然没有运气。

标签: laravel laravel-5.4


【解决方案1】:

该解决方案由 Jeffrey Way 在 Laracasts 提供。

尝试将 --watch-poll 标志添加到您的 package.json 脚本中。或者尝试一下:

node_modules/.bin/webpack --watch --watch-poll --config=node_modules/laravel-mix/setup/webpack.config.js

【讨论】:

  • 仅供参考,截至 2017 年 5 月 3 日,Laravel 包含一个“watch-poll”命令,可以为您执行此操作。
  • npm run watch-poll
  • Webpack 在我的node_modules/.bin/ 中不存在
  • 这对我不起作用。 watch-poll 给了我同样的结果
  • 这个问题是它使处理器最大化,使其工作非常缓慢。我认为没有解决实际问题的方法?
【解决方案2】:

npm 运行观察轮询

它也在 ubuntu 上运行,并且自动编译代码更改。 谢谢。

【讨论】:

    【解决方案3】:

    npm 运行观察轮询

    watch-poll 定期检查(轮询)更改,例如每 1000 毫秒它会手动检查是否有任何文件已更改。

    laravel 文档怎么说?

    您可能会发现在某些环境中,当您的文件更改时,Webpack 不会更新。如果您的系统出现这种情况,请考虑使用 watch-poll 命令。 您可以阅读文档以获取有关 mix 的更多信息。

    【讨论】:

      【解决方案4】:

      我使用的是mix.scripts,它实际上并没有编译你的脚本,只是复制它们,所以编译时没有 npm 读数,因为它没有编译任何东西。如果您没有使用mix.jsmix.sasswebpack.mix.js 文件中的任何其他编译器,那么npm run watch 似乎什么都不做,因为它只是在后台复制.

      【讨论】:

        【解决方案5】:

        我更喜欢使用inotify-tools。 要安装此工具集,请运行以下命令:

        Ubuntu:

        sudo apt install inotify-tools -y
        

        Centos:

        sudo yum -y install inotify-tools
        

        然后对于大文件夹运行:

        sudo sysctl fs.inotify.max_user_watches=500000000
        

        最后运行这个命令来观察文件夹变化:

        while true; do npm run dev; inotifywait -e modify,create,delete,move -r resources/ ; done
        

        您可以限制目标观看目录(本示例中为资源/)以获得更好的性能。

        【讨论】:

          猜你喜欢
          • 2020-05-08
          • 1970-01-01
          • 1970-01-01
          • 2021-07-18
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2017-12-23
          • 2017-10-22
          相关资源
          最近更新 更多