AWS Amplify with Nuxt.js - ошибка ссылки: навигатор не определен

Question

Я пытаюсь использовать Nuxt.js с AWS Amplify для преимуществ SSR / SEO.

Я могу добавить Amplify в свой проект и успешно настроил Amplify, используя шаги «Ручная настройка», описанные в Amplify Docs. Я даже смог заставить работать основные методы SignUp, SignIn.

Однако после обновления приложения я получаю сообщение об ошибке ниже. Я полагаю, что это связано с SSR-аспектом Nuxt, на который ссылается этот старый поток переполнения стека .

В приведенной выше ветке упоминается добавление этой строки:

global.navigator = () => null;

Однако я не знаю, где это добавить.

Сведения об ошибке:

ReferenceError: навигатор не определен

Файл: node_modules/@aws-amplify/analytics/dist/aws-amplify-analytics.js

Место в коде, (строка 38103):

var logger = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["ConsoleLogger"]('AWSPinpointProvider');
var RETRYABLE_CODES = [429, 500];
var ACCEPTED_CODES = [202];
var MOBILE_SERVICE_NAME = 'mobiletargeting';
var BEACON_SUPPORTED = navigator && typeof navigator.sendBeacon === 'function'; // events buffer

var BUFFER_SIZE = 1000;
var FLUSH_SIZE = 100;
var FLUSH_INTERVAL = 5 * 1000; // 5s

Answer 1

Если вы хотите выполнить только на стороне клиента, включите его в

 if(!process.server){
    //Code
 }

Редактировать: противоположные работы

    if(process.server){
    //Code
 }