typescript - 为什么这些 tsconfig 路径不起作用？

Question

我正在尝试做一些与 jquery path example 非常相似的事情在文档中，但 TS 不断抛出 TS2307(webpack 编译正常):

"compilerOptions": {
    "baseUrl": "./src",
    "paths": {
        "@client": [
            "client",
        ],
        "@suir": [
            "../node_modules/semantic-ui-react/dist/commonjs", // not working
        ],
    },
    // …
},
"include": [
    "*.d.ts",
    "client/**/*",
    "../node_modules/semantic-ui-react", // is this necessary?
],

将 baseUrl 更改为 "." 并更新 includes 和 paths 没有任何区别(@ client 继续工作，@suir 继续不工作。

将 "@suir" 更改为 "@suir/" 或 "@suir/*"(并附加 /* 到它的值)也没有区别。

---

我这样做的原因是为了简化我的导入(我明确指定它们而不是从包中提取命名导出以减少我的供应商包大小——节省大约 1 MB):

import Button from 'semantic-ui-react/dist/commonjs/elements/Button'; // works

import Button from '@suir/elements/Button'; // not found

Answer 1

我不知道为什么这在我尝试的第 11 次(但前 10 次没有)现在起作用了，但是 /* 似乎是秘诀，示例中文档显然指向特定文件(并且省略了文件扩展名)。

{
    "compilerOptions": {
        "baseUrl": "./src", // setting a value for baseUrl is required
        "moduleResolution": "node", // was not set before, but is the default
        "paths": {
            "@client/*": [
                "client/*",
            ],
            "@suir/*": [ // notice the `/*` at the end
                "../node_modules/semantic-ui-react/dist/commonjs/*", // notice the `/*`
            ],
        },
        // …
    },
    "include": [
        "./src/client/**/*",
    ],
}