reactjs AWS Amplify & React -模块未找到:无法解析“@aws-amplify/analytics”

wgxvkvu9  于 5个月前  发布在  React
关注(0)|答案(4)|浏览(74)

我试图将登录功能添加到我使用Amplify和AWS Cognito构建的React应用程序中,但当我在Login.js文件中添加以下行时:

Import {Auth} from "aws-amplify-react";

字符串
并尝试编译,我得到以下错误:

Failed to compile.

./node_modules/aws-amplify-react/lib-esm/Analytics/trackLifecycle.js
Module not found: Can't resolve '@aws-amplify/analytics' in 'my_react_path/node_modules/aws-amplify-react/lib-esm/Analytics'


我试着用自制软件和npm安装Amplify,但我无法解决这个问题,有什么建议吗?

编辑:

最初我有:

Import {Auth} from "aws-amplify";


但是编译器无法解析aws-amplify,我只能在node_modules文件夹中找到aws-amplify-react,所以我修改了它。
然而,在“node_modules/aws-amplify-react/lib-esm/Analytics/trackLifecycle. js”第39行:

import Analytics from '@aws-amplify/analytics';


问题是它找不到aws-amplify.

bfrts1fy

bfrts1fy1#

我得到一个类似的错误
编译失败。
./node_modules/aws-amplify-react/lib-esm/Analytics/trackLifecle.js模块未找到:无法解析“@aws-amplify/analytics”in“/Users/myuser/myproject/node_modules/aws-amplify-react/lib-esm/Analytics”
当遵循放大教程时。
我发现的解决方法是执行:
npm i -S @aws-amplify/analytics @aws-amplify/interactions @aws-amplify/storage @aws-amplify/ui @aws-amplify/xr aws-amplify
显然,我很想知道如何避免所有这些额外的库。

acruukt9

acruukt92#

假设你在这个阶段不担心bundle的大小,那么最简单的操作可能是完全删除你的node_modules,然后:

  1. npm i aws-amplify
    1.像这样导入:
import Amplify, { Auth } from 'aws-amplify'

字符串
如果你打算使用OOTB UI组件,你只需要安装/导入aws-amplify-react。如果你正在为登录制作自己的UI组件,你在这个阶段不需要那个包。

xa9qqrwz

xa9qqrwz3#

在尝试添加amplify(旧的package.json和node_modules)之前,我会恢复到您以前的版本
按照此演练:https://docs.amplify.aws/start/getting-started/installation/q/integration/react-native
当你进入“添加身份验证”步骤时,跳过它,直接进入“下一步”->“身份验证”,然后继续,直到你进入:

import Amplify, {Auth} from 'aws-amplify';
import config from './aws-exports';
Amplify.configure(config);

字符串

nnvyjq4y

nnvyjq4y4#

我也有类似的问题,但我的错误是关于aws-amplify中的interactions包。
我最初安装aws-amplify是这样的:

$ npm i aws-amplify

字符串
但上面似乎没有安装特定的软件包,所以我这样做了:

$ npm i aws-amplify/interactions


和它的工作.

相关问题