如何在 Create React App v4 中启用绝对导入

【问题标题】：How to enable absolute imports in Create React App v4如何在 Create React App v4 中启用绝对导入
【发布时间】：2021-06-09 06:55:30
【问题描述】：

我最近将 CRA 更新到 v4，现在 webpack 无法识别绝对导入。出现这个错误：

TypeError: store__WEBPACK_IMPORTED_MODULE_1__.default.model is not a function

导入看起来像这样：

import store from 'store';

它会从 src 文件夹中导入 store

我的 jsconfig.json 看起来像这样：

{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}

使用 CRA v3 可以完美运行。如何在不弹出的情况下完成这项工作？

【问题讨论】：

【解决方案1】：

第一步已经完成，必须在项目的root 目录中创建一个名为jsconfig.json 的JavaScript 配置文件或名为tsconfig.json 的TypeScript 配置文件，在TypeScript 的用例中它是自动的从一开始就创建。

在您的 jsconfig.json 中替换您所拥有的以包含 src：

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

【讨论】：