V8Js :: compileString (): 9272: ReferenceError: окно не определено - PullRequest
0 голосов
/ 24 июня 2018
    <?php

    namespace App\Http\Controllers\Auth;

    use Illuminate\Support\Str;
    use Illuminate\Support\Facades\DB;
    use Illuminate\Http\Request;
    use App\Http\Controllers\Controller;
    use App\Model\User;
    use Illuminate\Support\Facades\Auth;
    use Socialize;
    use Redirect;
    use Input;
    use Mail;
    use App\Mail\verifyEmail;
    use Carbon\Carbon;
    use Illuminate\Support\Facades\Storage;
    use Illuminate\Support\Facades\File;

    class CustomAuthController extends Controller
    {
    // Register form

    private function render() {
        $renderer_source = File::get(base_path('node_modules/vue-server-renderer/basic.js'));
        $app_source = File::get(public_path('js/entry-server.js'));
        $v8 = new \V8Js();
        ob_start();
        $v8->executeString('var process = { env: { VUE_ENV: "server", NODE_ENV: "production" }}; this.global = { process: process };');
        $v8->executeString($renderer_source);
        $v8->executeString($app_source);
        return ob_get_clean();
      }
      public function get() {
        $ssr = $this->render();
        return view('app', ['ssr' => $ssr]);
      }
}

Я следовал https://dzone.com/articles/server-side-rendering-with-laravel-amp-vuejs-25 и установил v8js. Но ошибка: $ v8-> executeString ($ app_source);сделать ошибку, что "V8Js :: compileString (): 9272: ReferenceError: окно не определено"

Как исправить эту ошибку. Я понятия не имею

=======================================================

Обновление Iмогу запустить it.i изменить код в app.js, удалив

/** after i delete it.i can run with server side rendering
  require('./bootstrap');
  require('./bulma-carousel.min')
  window.Vue = require('vue');
  can you tell me why ?*/



  import App from './components/App.vue';
  import VeeValidate from 'vee-validate';
  import Vue from 'vue';
  import router from './router'

  Vue.use(VeeValidate);
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */

  Vue.component('index-component', require('./components/index.vue'));

  export function createApp() {
      return new Vue({
        render: h => h(App)
      });
  }

1 Ответ

0 голосов
/ 24 июня 2018

Проблема проста. Запрашиваемый вами файл начальной загрузки, вероятно, где-то использует элемент window. Также в этой строке window.Vue = require('vue'); вы используете глобальный объект window. Окно как глобальный объект доступно в браузере, однако JavaScript, запущенный на сервере, не имеет объекта window. Таким образом, ошибка. По этой причине нам нужно создавать отдельные файлы javascript для сервера и клиента. Попробуйте проконсультироваться с пакетами, которые вы реализуете, для поддержки рендеринга на стороне сервера.

Попробуйте отключить различные импортные операции один за другим и найдите те, которые нарушают вашу поддержку SSR, исправьте их или найдите альтернативы.

...