如何修复找不到模块'./aws-export'或其相应的类型声明.ts (2307)

Question

我正在尝试将我的项目与aws(亚马逊网络服务(集成在我全局初始化aws之后，我决定使用创建一个名为ELab的项目

跟随命令

amplify init

并使用以下命令配置

npm install aws-amplify @aws-amplify/ui-react 

然后我将其添加到我的App.tsx文件中

import Amplify from 'aws-amplify'
import config from './aws-exports' // error the /aws-exports.js was not generated
Amplify.configure(config)

在所有这些配置aws都无法生成aws-exports.js配置文件之后

有解决这个问题的方法吗？提前谢谢

Answer 1

选项1

您可以将aws-exports.js重命名为aws-exports.htms。

有一个缺点。Amplify每次都会重新生成JavaScript版本(aws-exports.js(，并且您必须手动重命名它。这并不理想，并且存在一个悬而未决的问题：github.com/aws-Amplify/Amplify-cli/issues/304

选项2

您还可以创建一个与aws导出级别相同的aws-exports.d.ts文件，其中包含以下内容：

declare const awsmobile: Record<string, any>
export default awsmobile;

点击此处查看更多信息。

Answer 2

请参阅此文档

https://docs.amplify.aws/start/getting-started/setup/q/integration/angular/#install-扩增文库

严格键入aws导出如果你打开了TypeScript严格模式，并看到错误

在与aws导出相同的级别上创建一个aws-exports.d.ts文件，内容如下：

declare const awsmobile: Record<string, any>
export default awsmobile;