javascript文件中如何导入typescript文件

Question

I am trying to import a typescript file ( src/index.ts ) in a javascript file( tests/steps/utils.js )

But when I use const index_1 = require("../../src/index"); in my javascript file, it gives an error: Cannot find module '../../src/index'

But the file is right there. Is there any other way to import a typescript file into a javascript file?

Answer 1

You can't. You need to compile the transcript files into js first.

Answer 2

You can't import a ts into js file.

If you really need the module in.ts file, try to import from dist folder, where the ts compiler output path, or refactor into javascript.

Answer 3

Looks like you need babel and webpack . These tools allow js and ts to be used together in both development and build.

.babelrc file (pay attention to @babel/preset-typescript ):

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react",
    "@babel/preset-typescript"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-export-default-from",
    "@babel/plugin-proposal-export-namespace-from",
    "@babel/plugin-proposal-optional-chaining",
    "@babel/plugin-transform-runtime"
  ]
}

and add something like this to webpack.config.js (pay attention to ts in rules/babel-loader ):

module: {
  rules: [
    {
      test: /\.(js|ts|jsx)$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
      },
    },
  ],
}