AWS Amplify 与 Nuxt.js - 参考错误：导航器未定义

Question

我正在尝试将 Nuxt.js 与 AWS Amplify 一起使用以获得 SSR/SEO 优势。

我能够将 Amplify 添加到我的项目中，并使用 Amplify 文档中描述的“手动配置”步骤成功配置了 Amplify。 我什至能够让基本的 SignUp、SignIn 方法正常工作。

但是，刷新应用程序后，我收到以下错误。 我相信这是因为在这个旧的堆栈溢出线程中引用的 Nuxt 的 SSR 方面。

上面的线程提到添加这一行：

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
}