tsconfig配置问题

247 阅读1分钟

在最近搭建react项目中,遇到了一些问题,自己总结一下

  • ts报错问题-import出错

image.png

解决:

"allowSyntheticDefaultImports": true, // import忽略报错

  • ts报错问题-

image.png

解决:

"moduleResolution": "node",

具体配置:


{
    "compilerOptions": {
        "baseUrl": "src",
        "outDir": "/dist/",
        "sourceMap": true,
        "module": "es2022",
        "moduleResolution": "node",
        "allowSyntheticDefaultImports": true, // import忽略报错
        "strict": true,
        "noImplicitReturns": true,
        "noImplicitAny": true,
        "target": "ES5",
        "allowJs": true,
        "jsx" : "react",
        "typeRoots": ["src/@types", "./node_modules/@types"],
        "paths": {
            "@/*" : ["*"]
        }
    },
    "include": [
        "./src/**/*",
        "./externals.d.ts",
        "./global.d.ts"
    ],
    "exclude": ["node_modules", "src/@tyoes/**/*", "*.less"]
}