使用 Nuxt.js 进行 AWS Amplify - 参考错误：未定义导航器

Question

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

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

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

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

global.navigator = () => null;

但是我不知道在哪里添加这个。

错误详情：

参考错误：未定义导航器

文件：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}