При новой установке телескопа в проекте Laravel Localhost: 8000 / телескоп возвращает пустую страницу

Question

Я новичок в Laravel и пытаюсь заставить телескоп работать над моим проектом. Когда я пытаюсь перейти на Chrome к Localhost: 8000 / телескоп, я получаю пустую страницу. Я отследил ошибку до laravel / telescope / resources / views / layout.blade. php.

 <!-- Global Telescope Object -->
<script>
  window.Telescope = @json($telescopeScriptVariables);
</script>

Ошибка консоли разработчика, которую я получаю:

window.Telescope 
 = {"path":"telescope","timezone":"UTC","recording":true};

Моя главная проблема чтобы найти решение этой проблемы. Я также хотел бы знать, почему эта ошибка произошла. Я не смог найти похожую проблему через Google.

Answer 1

После некоторого дальнейшего поиска я смог найти причину и решение. Обнаружил здесь, в этой статье очень похожей проблемы на Laravel и Vue.

При двойном кодировании объекта JSON объекты HTML удаляются из объекта. В статье предлагается настроить двойное кодирование лезвия в AppServiceProvider.

class AppServiceProvider extends ServiceProvider { /** * Bootstrap any application services. * * @return void */ public function boot() { Blade::doubleEncode(); } }

Еще одним решением, которое я использовал, было двойное кодирование inline в layout.blade. php.

<!-- Global Telescope Object -->
<script>
 window.Telescope = {!!json_encode($telescopeScriptVariables)!!}
 // window.Telescope = @json($telescopeScriptVariables);
</script>