Question

我正在尝试将Nuxt.js与AWS Amplify结合使用以实现SSR / SEO好处。

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

但是，刷新应用程序后，我收到以下错误。我相信这是由于old Stack overflow thread中所引用的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
 }

编辑：相反的作品

    if(process.server){
    //Code
 }

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

1 个答案: