Laravel Nova自定义工具创建:vue组件不刷新

Posted

技术标签:

【中文标题】Laravel Nova自定义工具创建:vue组件不刷新【英文标题】:Laravel Nova custom tool creation: vue component not refreshing 【发布时间】:2019-03-19 14:51:22 【问题描述】:

我在 docker 容器中使用 Laravel Nova v1.1.4。

我通过 nova:tool 命令创建了一个新工具。一切似乎都很好,但是每次我更新我的 vue 组件(tool.vue)时,应用程序都不会显示更新的数据。 我从 /nova-components/myComponent/ 目录中运行“npm run dev”,编译工作正常,但应用程序没有更新。

我的 webpack.mix.js 如下:

let mix = require('laravel-mix')
mix.setPublicPath('dist')
.js('resources/js/tool.js', 'js')
.sass('resources/sass/tool.scss', 'css')

我认为是“刷新”问题,实际上在“npm run dev”执行后,如果我停止并重新启动docker容器并刷新网页,那么它会显示我包含在自定义工具的vue组件中的更新信息.

你有什么避免容器停止/启动的想法吗?

任何帮助都会很棒。

谢谢, 最大分贝71

【问题讨论】:

【参考方案1】:

您需要在 Chrome(或您选择的浏览器)中禁用缓存:

或者你需要实现版本控制:

https://laravel.com/docs/5.7/mix#versioning-and-cache-busting

如果您尚未实施这些解决方案之一,您将只是一遍又一遍地获得相同的文件,直到您的缓存过期。

【讨论】:

以上是关于Laravel Nova自定义工具创建:vue组件不刷新的主要内容,如果未能解决你的问题,请参考以下文章

Laravel Nova 自定义字段获取模型值

在 Laravel Nova Vue 组件中观看动态渲染的字段

从 Laravel 中的 .env 获取 .data 到 Laravel Nova Card - vue 组件

Laravel Nova:如何创建自定义字段及其 crud 方法?

如何在 laravel nova 中创建可重用的 vue 组件?

Laravel Nova 覆盖 vue 组件导致 [Vue 警告]:编译模板时出错