I have a project with js files, where I enabled type checking across multiple modules (highlighting wrong parameters etc of function imported from different module) in VS Code by creating this jsconfig.json:
{
"compilerOptions": {
"checkJs": true
}
}
Now, I read that typescript 4.5 supports mjs files https://github.com/microsoft/TypeScript/issues/27957
So I installed typescript 4.5 beta, node 17, and modified jsconfig.json to this:
{
"compilerOptions": {
"module": "node12",
"moduleResolution": "node",
"checkJs": true
}
}
but it still doesn't work for mjs files, and I also get this error in jsconfig.json:
Argument for '--module' option must be: 'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'esnext'
Any idea how to enable type checking for mjs files across multiple modules?
Consider using these tsconfig.json options:
{
"compilerOptions": {
"module": "NodeNext",
"target": "ESNext",
"moduleResolution": "NodeNext"
},
"include": ["**/*.mjs"]
}
=======
Here's ALL the changes I did along with adding .mjs support. I don't think they are all strictly necessary, but I want to share for completeness:
Modified my package.json type-check script:
"type-check": "tsc --pretty --noEmit && tsc --pretty --noEmit --project tsconfig.mjs.json",
Here's my tsconfig.mjs.json file:
{
"extends": "./tsconfig.json",
"compilerOptions": {
"module": "NodeNext",
"target": "ESNext",
"moduleResolution": "NodeNext"
},
"include": ["**/*.mjs"]
}
Run:
yarn add @typescript-eslint/eslint-plugin @typescript-eslint/parser --dev
yarn remove typescript
yarn add typescript # use latest
Likely, you will get an error that you need to use typescript nightly build to actually type-check mjs files. Run:
yarn remove typescript
yarn add typescript@next --dev