Failed to load tsconfig.json: Missing baseUrl in compilerOptions

No idea what’s going on here. My tsconfig.json:

project/tsonfig.json

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "module": "esnext",
    "removeComments": false,
    "sourceMap": true,
    "isolatedModules": false,
    "strictNullChecks": true,
    "target": "esnext",
    "moduleResolution": "node",
    "jsx": "react",
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "resolveJsonModule": true,
    "lib": ["dom", "esnext"],
    "baseUrl": ".",
    "paths": {
      "Audio/*": ["./app/assets/audios/*"],
      "Components/*": ["./app/assets/javascripts/components/*"],
      "Constants/*": ["./app/assets/javascripts/constants/*"],
      "Decorators/*": ["./app/assets/javascripts/components/decorators/*"],
      "Images/*": ["app/assets/images/*"],
      "Math/*": ["./app/assets/javascripts/math/*"],
      "Redux/*": ["./app/assets/javascripts/redux/*"],
      "Routes": ["./app/assets/javascripts/rails-routes.js.erb"],
      "Services/*": ["./app/assets/javascripts/services/*"],
      "Stylesheets/*": ["./app/assets/stylesheets/*"],
      "Types": ["./app/assets/javascripts/types/index"],
      "Utilities/*": ["./app/assets/javascripts/utilities/*"],
      "react": ["node_modules/@types/react"]
    },
    "preserveConstEnums": true
  },
  "include": [
    "app/assets/javascripts/**/*.ts",
    "app/assets/javascripts/**/*.tsx",
    "stories/**/*.ts",
    "stories/**/*.tsx"
  ],
  "exclude": ["node_modules"]
}

webpack.config.ts

// ...
  resolve: {
    plugins: [
      new TsconfigPathsPlugin({
        baseUrl: __dirname,
        extensions: [".js", ".ts", ".tsx"],
      }),
    ],
// ...

This error doesn’t make sense because, firstly, tsconfig.json has a baseUrl, and secondly, it doesn’t need one because I’ve included it in the options.

Also, this should kill the build rather than just logging. If it can’t find the file then what’s the point of continuing to run? The paths will not resolve.

[bichikim]

I solve this problem by below code delete process.env.TS_NODE_PROJECT add this code on top of webapck.config.ts file.

👍

[kaankucukx]

Okey i got it to work.

I was in a hurry and i didn’t figured that i put my plugin initilization under resolve: {} property. I was configuring it under root plugin: [] property. So moving my configuration to resolve: {} fixes everything.

const config: webpack.Configuration = {
plugins: [],
resolve: [
 plugins: [
  new TsconfigPathsPlugin({
        configFile: path.resolve(__dirname, './tsconfig.json'),
        extensions: ['.ts', '.tsx', '.js'],
        logLevel: 'INFO',
        baseUrl: path.resolve(__dirname, '.'),
        mainFields: ['browser', 'main'],
      }),
]
],
}```