使用 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 buffervar BUFFER_SIZE = 1000;var FLUSH_SIZE = 100;var FLUSH_INTERVAL = 5 * 1000; // 5s

Answer 1

如果您只想在客户端执行，请将其包装在

if(process.server){

    //Code

}