如何在 Laravel 中更新 Example.vue？

Posted 2023-02-22

【中文标题】如何在 Laravel 中更新 Example.vue？

【英文标题】：How do I make Example.vue update in Laravel?

【发布时间】：2017-09-04 21:11:03

【问题描述】：

我刚刚阅读了这个问题的答案，并没有得到很好的答复。

Laravel Example.vue not updating

我也发布了这个问题，试图自己解决，但无济于事。

how do I load a Vue component in Laravel 5.4?

作为另一次尝试，我刚刚重新安装了 Laravel，虽然我能够在一个视图中多次加载默认的 Example.vue 组件，但我仍然无法更改组件的内容。更有趣的是，当我运行 npm install 然后 npm run dev 时，组件甚至不再出现。

这真的很令人沮丧，因为 Laravel 附带了 Vue.js，但我无法使用它。任何帮助将非常感激！ :)

【问题讨论】：

how do I load a Vue component in Laravel 5.4?的可能重复

你不应该为同一件事创建一个新问题。不断更新您的原始问题的详细信息...

下面的答案应该可以解决你的问题

是的，它看起来非常类似于yours...

【参考方案1】：

你需要安装节点依赖，然后编译它们。

安装node.js 从你的项目根运行npm install 从你的项目根运行npm run dev

您的浏览器也可能显示缓存版本。 Chrome 有一个设置，您可以在检查器打开时禁用缓存。

您也可以通过在其他浏览器中打开您的项目来检查它。

如果在运行 npm run dev 时死机而没有任何类型的消息，您可以删除您的 node_modules 文件夹，然后运行 ​​npm install，然后再次编译您的资产。

您可能还需要使用命令清除和重建一些其他缓存：

composer dump-autoload
php artisan clear-compiled
php artisan cache:clear

https://laravel.com/docs/5.4/mix

https://laravel.com/docs/5.4/frontend

【参考方案2】：

仔细检查并确保您位于资源目​​录中而不是公开目录中。如果您在正确的目录中，请尝试 npm install 然后 npm run watch