create-react-app 在TypeScript中,别名时"app"文件夹名是否保留?

2eafrhcq  于 3个月前  发布在  React
关注(0)|答案(1)|浏览(35)

TS编译器在tsconfig文件中添加了应用路径别名后,提示找不到模块。

只要路径中没有应用文件夹,它就可以正常工作。

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "baseUrl": "./src",
    "paths": {
      "modules/*": ["modules/*"], //works fine
      "app_core/*": ["app/core/*"], //does not work
      "core/*": ["core/*"] //works fine
    }
  },
  "include": ["src"]
}

当我使用app_core模块时,编译器提示找不到模块。

import TestModule from "app_core/test/Test.module"; //doesnot work
import TestModule1 from "core/test/Test.module"; //works fine

import PageModule from "modules/Page.module"; //works fine
import React from "react";
import "./App.css";

function App() {
  return (
    <div className="App">
      <TestModule />
      <TestModule1 />
      <PageModule />
    </div>
  );
}

export default App;

编辑:
文件夹结构

我不知道文件夹名称是否是保留字或其他什么。有人能帮我解决吗?
提前感谢。

n3ipq98p

n3ipq98p1#

目前存在路径别名问题😔,这意味着 react-scripts 会忽略你的 paths 配置。请参阅 #12047

相关问题