タイプスクリプトでenvを使用する場合、タイプof propertyの「変数名」は互換性がありません.
2536 ワード
なぜだめなのかよく考えましたが、envのタイプが安定しているからです.
サーバから
サーバから
npm install@types/dotnv--save-devを使用してdotnvをインストールするタイプ、または
これでもダメならenvd.tsファイルを作成し、その中にdeclare namespace NodeJS {
export interface ProcessEnv {
SECRET_KEY: string;
...
}
}
このようにタイプを一つ一つメモします.
(なんといってもstring|undefinedはこれだけ)🤯)
クライアントから
勝手にファイルを作って、このように書いて、それから直接インポートすればいいです.コアはas string
!export const s3config = {
bucketName: process.env.REACT_APP_BUCKET_NAME as string,
region: process.env.REACT_APP_REGION as string,
accessKeyId: process.env.REACT_APP_ACCESS_ID as string,
secretAccessKey: process.env.REACT_APP_ACCESS_KEY as string,
};
Reference
この問題について(タイプスクリプトでenvを使用する場合、タイプof propertyの「変数名」は互換性がありません.), 我々は、より多くの情報をここで見つけました
https://velog.io/@developerjhp/타입스크립트에서-env사용할때-Types-of-property-변수명-are-incompatible
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
declare namespace NodeJS {
export interface ProcessEnv {
SECRET_KEY: string;
...
}
}
勝手にファイルを作って、このように書いて、それから直接インポートすればいいです.コアは
as string
!export const s3config = {
bucketName: process.env.REACT_APP_BUCKET_NAME as string,
region: process.env.REACT_APP_REGION as string,
accessKeyId: process.env.REACT_APP_ACCESS_ID as string,
secretAccessKey: process.env.REACT_APP_ACCESS_KEY as string,
};
Reference
この問題について(タイプスクリプトでenvを使用する場合、タイプof propertyの「変数名」は互換性がありません.), 我々は、より多くの情報をここで見つけました https://velog.io/@developerjhp/타입스크립트에서-env사용할때-Types-of-property-변수명-are-incompatibleテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol