TypeError: Unknown file extension ".ts" - esmodules support

Original post in Anchor repo: [(https://github.com/project-serum/anchor/issues/1286)]

Anchor.toml [script] command: test = “yarn run ts-mocha -p ./tsconfig.json -t 1000000 tests/**/*.ts”

The problem is the m1.ts file cannot import functions from another ts file!!!??? in my utils.ts

export const log1 = console.log;

in my m1.ts file:

import { log1 } from './utils';
describe('scenario1', async () => {
  it('initialize', async () => {
    log1('\n---------== init');
  });
});

the imported log1 function or any other function will cause the Unknown file extension “.ts” error!!??

my local package dependencies: “mocha”: “^9.1.3”, “ts-mocha”: “^9.0.0-alpha1”, “ts-node”: “^10.4.0”, “typescript”: “^4.5.4”

Please advise. Thank you unknown file extension ts2

Issue Analytics

State:
Created 2 years ago
Reactions:9
Comments:27 (6 by maintainers)

Top GitHub Comments

8reactions

manooogcommented, Aug 17, 2022

Hello everyone,I have the same problem and I think the problem was caused by tsconfig.json：

// ❌ when module = esnext
{
	"compilerOptions": {
    	"module": "esnext"
    }
}
// ✅ change module to commonjs,then everything is ok
{
	"compilerOptions": {
    	"module": "CommonJS"
    }
}

Hope this trick can help.

5reactions

cn-iacommented, Feb 20, 2022

Try ts-mocha -n loader=ts-node/esm -p tsconfig.json tests/**/*.test.ts via npm scripts, it works for me! (Optional) Check npx ts-mocha --help for more details of this option.