javascript - How to enable type checking of mjs files in VS Code - Stack Overflow

admin管理员组

文章数量:1356760

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:

{
  "pilerOptions": {
    "checkJs": true
  }
}

Now, I read that typescript 4.5 supports mjs files

So I installed typescript 4.5 beta, node 17, and modified jsconfig.json to this:

{
  "pilerOptions": {
    "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', 'monjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'esnext'

Any idea how to enable type checking for mjs files across multiple modules?

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:

{
  "pilerOptions": {
    "checkJs": true
  }
}

Now, I read that typescript 4.5 supports mjs files https://github./microsoft/TypeScript/issues/27957

So I installed typescript 4.5 beta, node 17, and modified jsconfig.json to this:

{
  "pilerOptions": {
    "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', 'monjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'esnext'

Any idea how to enable type checking for mjs files across multiple modules?

• javascript
• typescript
• visual-studio-code

Share Improve this question Follow asked Oct 20, 2021 at 11:22 sede10gsede10g 12722 silver badges88 bronze badges 2

• Any luck on this? Maybe you need to use node v16 (latest LTS), not node v17? – Devin Rhode Commented Feb 28, 2022 at 4:30
• Official docs page: typescriptlang/docs/handbook/esm-node.html – Devin Rhode Commented Feb 28, 2022 at 16:19

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

Consider using these tsconfig.json options:

{
  "pilerOptions": {
    "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 pleteness:

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",
  "pilerOptions": {
    "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

I know that you were asking for a solution to typecheck all .mjs files automatically, but maybe the following might be interesting for others:

As long as you only have a few .mjs files that you want to typecheck with TypeScript, you can just add //@ts-check in the first line of each .mjs file.

Check the Typescript docs for more details.

本文标签： javascriptHow to enable type checking of mjs files in VS CodeStack Overflow