在js文件中导入默认导出ts文件

Question

I have a.ts file that looks like this:

// index.ts
import MyModule from './MyModule';
import MyModule2 from './MyModule2';

export default [
  MyModule,
  MyModule2
]

I'm trying to import this file in a js file, like so:

const modules = require('../../../../entity/index');

This works fine locally, but I get the following error in my production environment. What's the issue? Error: Cannot find module '../../../../entity/index'

edit: I changed the import to:

const models = require('./../../../../entity/index.ts').default;

Now the error is

import MyModule from 'MyModule';
^^^^^^^
SyntaxError: Cannot use import statement outside a module

which kinda makes sense. How can I solve this?

Answer 1

if you have already specified in your package.json the property

 "type": module,

try:

 import {Mymodule} from 'MyModule.js';