反应：无法在我自己的打字稿反应模块中解析模块和智能感知的路径不起作用答案

【问题标题】：React:Unable to resolve path to module and intellisense in my own typescript react moudle does not working反应：无法在我自己的打字稿反应模块中解析模块和智能感知的路径不起作用
【发布时间】：2020-05-31 12:59:33
【问题描述】：

我在这个 repo 之后创建了自己的 env 模块：

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

在索引文件中，我导入了环境模块，我从 typescript 中得到了一个错误（不是编译错误，代码正在运行）

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

2 个问题：

环境。并且打字稿无法完成它（inteliisense）
我收到“无法解析模块 'environment'.eslint(import/no-unresolved) 的路径”

我有以下文件：

环境/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;
}

【问题讨论】：

标签： reactjs typescript intellisense

【解决方案1】：

How to manually add a path to be resolved in eslintrc

这里有解决办法

1 - 打开 eslintrc。

2 添加设置对象如下：

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

【讨论】：