Laravel微风反应应用程序，更改AuthenticatedLayout不生效

Question

我刚刚用 Breeze 和 React 创建了一个新的 Laravel 应用程序来学习新东西。 我只是想弄清楚 React 是如何工作的。

我正在查看文件并尝试更改内容，所以我可以看到后果。

问题是 - 每当我更改 AuthenticatedLayout.tsx 默认文件中的任何内容时，都不会发生任何情况。我可以从字面上删除该文件中的所有内容，但它没有任何效果。

更改 Dashboard.tsx 内的文本或元素可以按预期工作。

我以为这是某种缓存问题，但由于使用布局的文件确实发生了变化，我很困惑。

尽管如此，我尝试删除缓存、不同的浏览器、重新启动整个系统，但没有任何帮助

没有添加配置 - 一切都是文档中命令的默认值。

Answer 1

经过几个小时的努力，我找到了一个解决方案 - 正如我想象的那样非常简单。

使用 TypeScript 配置时，Breeze 不仅会创建 .tsx 文件，还会创建同名的 .jsx 文件 -> 在 PhpStorm 中，这些文件隐藏在 .tsx 文件下，旁边有一个箭头（就像文件夹一样） .

更改没有生效，因为我只编辑了 .tsx 文件，但 .jsx 文件优先。

删除所有 .jsx 文件解决了该问题。