2

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 の問題なのかわかりません。何か案は ?

4

3 に答える 3