AWS放大反应 - 无法启动项目

Posted 2023-03-08

技术标签:

【中文标题】AWS放大反应 - 无法启动项目【英文标题】：AWS amplify react - can't start the project 【发布时间】：2022-01-18 22:56:59 【问题描述】：

我已经安装了 aws-amplify 和 aws-amplify-react 包，这是我的 index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

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')
);

当我尝试启动应用程序时出现此错误：

ERROR in ./node_modules/graphql/index.mjs 64:0-98:42
Module not found: Error: Can't resolve './utilities' in 'C:\Users\PC5\Desktop\WebVezbanje\blog-kurs\node_modules\graphql'
Did you mean 'index.mjs'?
BREAKING CHANGE: The request './utilities' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

【问题讨论】：

【参考方案1】：

似乎 amplify 不喜欢 react-scripts@5.0.0 中包含的 webpack 5

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。【参考方案2】：

您应该尝试 Amplify 版本 4.3.11 及更高版本，即使用适用于 Webpack 5 的 graphql 15.8.0

【讨论】：

【参考方案3】：

除了弗朗西斯科更新包的建议，

您还应该卸载 aws-amplify-react 包以支持新的 Amplify UI 库。该遗留包的对等依赖项被锁定到旧版本的范围包将导致不需要的行为。

你可以通过运行npm i @aws-amplify/ui-react来安装新的ui组件

以下是新 Amplify UI 文档的链接以供参考： https://ui.docs.amplify.aws/