ParcelJS で構築された反応アプリを Typescript/React に移行すると、いくつかの環境変数の問題が発生します。実際には、環境変数 (<a>
タグで使用される URL) が Web ページで適切に機能するため、この問題はエラー出力にのみ影響するようです。
端末出力は次のとおりです。
/Users/---/Projects/---/---/src/cart/index.tsx(xxx,xxx)
Cannot find name 'process'.
126 | method: "post",
127 | url: `${process.env.URL}/checkout`,
| ^^^^^^^
128 | data: cart,
import * as process from "process"
問題を解決しないため、いくつかのアプローチを試しました。
Could not find a declaration file for module 'process'.
'./node_modules/process/index.js' implicitly has an 'any' type.
Try `npm install @types/process` if it exists or add a new
declaration (.d.ts) file containing `declare module 'process';`
> 6 | import * as process from "process";
| ^^^^^^^^^
それにもかかわらず、機能する変数を出力しようとすると:
const ENV = process.env.MIDDLEWARE_URL;
console.log('ENV', ENV);
ブラウザ出力:
ENV http://localhost:3000
最後に、これが Parcel の問題なのか TSConfig の問題なのかわかりません。何か案は ?