webpack Laravel 8 jetstream热重载和浏览器同步不工作

smtd7mpg  于 2024-01-08  发布在  Webpack
关注(0)|答案(2)|浏览(145)

我刚创建的系统有个大问题。
我使用Docker和Laravel Sail用Jetstream完成了Laravel 8的标准安装。
但是,我不能做npm run hotnpm run watch自动重新加载或浏览器同步.
我的文件是laravel 8的标准,我还没有对代码做任何修改。
信息:

*Laravel:v8.41.0
*PHP:PHP v8.0.5
*Jetstream:v2.3.5
*npm:v7.7.6
*NodeJS:v15.14.0

我的webpack.mix.js看起来像这样:

  1. const mix = require('laravel-mix');
  2. /*
  3. |--------------------------------------------------------------------------
  4. | Mix Asset Management
  5. |--------------------------------------------------------------------------
  6. |
  7. | Mix provides a clean, fluent API for defining some Webpack build steps
  8. | for your Laravel applications. By default, we are compiling the CSS
  9. | file for the application as well as bundling up all the JS files.
  10. |
  11. */
  12. mix.js('resources/js/app.js', 'public/js').vue()
  13. .postCss('resources/css/app.css', 'public/css', [
  14. require('postcss-import'),
  15. require('tailwindcss'),
  16. ])
  17. .webpackConfig(require('./webpack.config'));
  18. if (mix.inProduction()) {
  19. mix.version();
  20. }

字符串
我的webpack.config.js看起来像这样:

  1. const path = require('path');
  2. module.exports = {
  3. resolve: {
  4. alias: {
  5. '@': path.resolve('resources/js'),
  6. },
  7. },
  8. };


我也试着用我之前在研究中发现的一些信息来改变这两个webpack,但真的没有什么效果,有没有一种方法可以让Hot Webpack和Browser Sync与Laravel Sail一起工作?

rur96b6h

rur96b6h1#

虽然app.blade.php中已经包含了一个browsersync脚本,但我也没有让它工作。我删除了那一行,并扩展了我的webpack.mix.js如下:

  1. mix.browserSync({
  2. proxy: 'YOURDOMAIN.test',
  3. host: 'YOURDOMAIN.test',
  4. open: 'external'
  5. });

字符串
然后运行npm run watch-可能运行两次,因为它将安装browsersync -并且它可以工作。

fae0ux8s

fae0ux8s2#

open:'external'保存我(和我用代客和https一样)

  1. .browserSync({
  2. proxy: 'https://app.tunnel.test',
  3. host: 'app.tunnel.test',
  4. open: 'external',
  5. https: {
  6. key: homedir + '/.config/valet/Certificates/' + domain + '.key',
  7. cert: homedir + '/.config/valet/Certificates/' + domain + '.crt',
  8. },
  9. })

字符串

相关问题