我今天遇到了這個問題，今天才開始。運行通常的安裝和推送順序來構建應用程式......
npx create-react-app exampleapp
npm start
amplify init
amplify add api
Amplify push
npm install aws-amplify @aws-amplify/ui-react
amplify add auth
amplify push
像往常一樣對 index.js 和 ap.js 進行更改。
索引.js：
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import Amplify from 'aws-amplify';
import aws_exports from './aws-exports'
Amplify.configure(aws_exports);
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
reportWebVitals();
應用程式.js：
import React from 'react';
import './App.css';
import { withAuthenticator, AmplifySignOut, Authenticator } from '@aws-amplify/ui-react';
import { Amplify, Auth } from 'aws-amplify';
import awsExports from './aws-exports';
import awsconfig from './aws-exports';
Amplify.configure(awsconfig);
Auth.configure(awsconfig);
function App() {
return (
<div>
<h1>Help!</h1>
<AmplifySignOut />
</div>
);
}
export default withAuthenticator(App);
如果我添加 AmplifySignOut 它會拋出錯誤： “AmplifySignOut”不是從“@aws-amplify/ui-react”匯出
如果我洗掉 AmplifySignOut，則會出現登錄名，但沒有按照 Amazon 身份驗證樣式（橙色按鈕等）進行格式化。
我可以添加import '@aws-amplify/ui-react/styles.css';并恢復一些樣式，但我真的需要回到作業方式。任何幫助，將不勝感激！
uj5u.com熱心網友回復：
我正在關注 Amplify 教程，并且也遇到了這個障礙。看起來他們剛剛將反應組件從 1.2.5 升級到 2.0.0 https://github.com/aws-amplify/docs/pull/3793
降級ui-react到 1.2.5 會帶回 AmplifySignOut 和教程中使用的其他組件。
在package.json 中：
"dependencies": {
"@aws-amplify/ui-react": "^1.2.5",
...
}
或者，您需要查看第 2 版檔案以找到合適的替代品：https : //ui.docs.amplify.aws/components/authenticator
uj5u.com熱心網友回復：
我遇到了同樣的問題，并在https://ui.docs.amplify.aws/找到了答案。我安裝了最新版本的@aws-amplify/ui-react。(npm 我 aws-amplify @aws-amplify/ui-react)
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/363459.html
上一篇：Flutter-我想把登錄的用戶的姓名和電子郵件放在抽屜里
下一篇：Azure存盤：BlobClient：通過VisualStudio在本地使用DefaultCredential下載：頒發者驗證失敗。發行人不匹配