【问题标题】:How to update vue component if php artisan serve doesn't work?如果 php artisan serve 不起作用,如何更新 vue 组件?
【发布时间】:2019-11-20 19:02:51
【问题描述】:

我们对 Laravel 项目结构进行了一些更改。我们在项目中创建了一个文件“Larvel”。为了让它工作,我们改变了'index.php'中的路径:

require __DIR__.'/laravel/vendor/autoload.php';
$app = require_once __DIR__.'/laravel/bootstrap/app.php';

所以php artisan serve 命令不起作用。由于这个问题,我们的 vue 组件没有更新。

我们使用 xmapp 在本地服务器上运行它 我们希望保持项目结构不变,需要一个解决方案。

$npm run watch
$npm run watch --pull
$npm run dev
$npm run production 

webpack.mix.js =>

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'js')
    .sass('resources/sass/app.scss', 'public/css');

所有 js 和 css 文件都链接在其中的主视图文件 -> master.blade.php

<script src="{{ asset('/') }}js/app.js"></script> 

我们希望如果在运行 npm run watch 后我们对 vue 组件进行任何更改,那么更新将显示在我们的浏览器上。

public/js/app.js has moved in root folder

【问题讨论】:

  • 尝试用&lt;script src="{{ mix('js/app.js') }}"&gt;&lt;/script&gt; 替换&lt;script src="{{ asset('/') }}js/app.js"&gt;&lt;/script&gt;
  • i.stack.imgur.com/hRySZ.png 请看这张照片。我们已将 js 和 css 文件夹从公共文件夹移至根文件夹
  • 您的 artisan 和 composer.json 文件在哪里? laravel 目录内部还是外部?

标签: laravel vue.js


【解决方案1】:

你可以使用版本。

mix.js('resources/js/app.js', 'js')
    .sass('resources/sass/app.scss', 'public/css').version();


<script src="{{ mix('js/app.js') }}"></script>

【讨论】:

  • 它不工作。浏览器控制台错误显示:GET localhost/js/app.js net::ERR_ABORTED 404 (Not Found) (products:447)
  • 试试
  • 它已连接但在我对 vue 组件进行任何更改后不显示更新。
  • 我试过 npm run watch 、 npm run watch-poll 和 npm run dev 但仍然没有更新 vue 组件@Nikolay
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-08-01
  • 2020-12-14
  • 2016-11-09
  • 2020-01-01
  • 2018-10-31
  • 2019-08-18
  • 2018-11-10
相关资源
最近更新 更多