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;
编辑:
文件夹结构
我不知道文件夹名称是否是保留字或其他什么。有人能帮我解决吗?
提前感谢。
1条答案
按热度按时间n3ipq98p1#
目前存在路径别名问题😔,这意味着
react-scripts
会忽略你的paths
配置。请参阅 #12047。