Typescript support is broken

What were you expecting to happen?

When I follow the steps outlined in this stack-overflow post, it should allow us to write our gulp files in pure Typescript:

https://stackoverflow.com/a/49849088/1611058

These were steps that used to work back in 2020 but don’t work anymore.

What actually happened?

As sydd’s comment says:

I get SyntaxError: Cannot use import statement outside a module if the project’s type is commonjs and TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" if the project’s type is module

Please give us a sample of your gulpfile

// gulpfile.ts

import gulp from 'gulp'

gulp.task('default', function (done) {
    console.log('test');
    done()
});

Terminal output / screenshots

Please provide the following information:

• OS & version: Windows 10 - 20H2
• node version (run node -v): v12.18.2
• npm version (run npm -v): 6.14.5
• gulp version (run gulp -v): CLI version: 2.3.0; Local version: 4.0.2

[phated]

Sorry, I thought this was commonly known.

I actually think this comment is more likely to be of a benefit in a vite app: https://github.com/TypeStrong/ts-node/issues/922#issuecomment-673155000 (you can override compiler options specifically only for ts-node)

[Dan503]

This fixed it! 😃

https://github.com/TypeStrong/ts-node/issues/922#issuecomment-667076602

In tsconfig.json you need the following:

{
    "compilerOptions": {
        "module": "commonjs",
    }
}