反應：無法在我自己的打字稿中解析模塊和智能感知的路徑，反應模塊不起作用

Question

我在這個 repo 之后創建了我自己的 env 模塊：

https://github.com/codeBelt/Custom-Environment-Variables-Setup

在索引文件中，我導入了環境模塊，並且從打字稿中得到了一個錯誤（不是編譯錯誤，代碼正在運行）

import environment from 'environment';
console.log(environment.api);

2個問題：

1. 環境。 和打字稿無法完成它（智能感知）
2. 我得到“無法解析模塊'環境'.eslint（導入/無未解析）的路徑”

我有以下文件：

環境/Base.ts

export default function baseEnv(baseUrl: string) {
  const baseAPi = window.config.API_URL || baseUrl;

  return {
    api: {
      settings: `${baseAPi}?action=get_settings`
    },
    isProduction: true,
    isDevelopment: false,
    isTesting: false
  };
};

export type Environment = ReturnType<typeof baseEnv>;

環境/生產.ts

import environment, { Environment } from './base';
/*
 * base.ts is the default environment for production.
 * You shouldn't have to override anything.
 */

const baseApi = 'http://api';
const env = environment(baseApi);

const productionEnv: Environment = {
  ...env
};

export default productionEnv;

環境.d.ts

declare module 'environment' {
  import baseEnv from 'environments/base';

  const value: ReturnType<typeof baseEnv>;

  export default value;
}

Answer 1

如何在eslintrc中手動添加要解析的路徑

這是解決方案

1 - 打開 eslintrc。

2 添加設置對象如下：

"settings": {
    "import/resolver": {
      "node": {
        "paths": ["src"]
      }
    }
},