"SyntaxError:不能在模块外使用导入语句“，当导入一个模块时，该模块导入一个模块以消除Jest中的副作用

Question

我正在尝试使用Jest来测试我编写的一些TS代码。我需要这段代码在较旧的浏览器上工作，所以我要导入一些填充和副作用。

我的代码如下所示(变量更改为更通用)：

src/my_code.ts

import i18next from "i18next";
import Backend from 'i18next-http-backend';
import "promise-polyfill/src/polyfill";

var someVar = 12;

export function someFunc() {
    return someVar + 1;
}

我的测试看起来是这样的：

test/my_code.test.ts

import { someFunc } from '../src/my_code';

describe('some test case', function () {
    console.log(someFunc());
});

我认为我的package.json和jest.config.js还行，但是运行测试可以得到：

Jest encountered an unexpected token

    Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.

    Out of the box Jest supports Babel, which will be used to transform your files into valid JS based on your Babel configuration.

    By default "node_modules" folder is ignored by transformers.

    Here's what you can do:
     • If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/ecmascript-modules for how to enable it.
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

    You'll find more details and examples of these config options in the docs:
    https://jestjs.io/docs/configuration
    For information about custom transformations, see:
    https://jestjs.io/docs/code-transformation

    Details:

    my_code/node_modules/promise-polyfill/src/polyfill.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import Promise from './index';
                                                                                      ^^^^^^

    SyntaxError: Cannot use import statement outside a module

      1 | import i18next from "i18next";
      2 | import Backend from 'i18next-http-backend';
    > 3 | import "promise-polyfill/src/polyfill";
        | ^

      at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1479:14)
      at Object.<anonymous> (src/my_code.ts:3:1)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        1.701 s
Ran all test suites.
npm ERR! Test failed.  See above for more details.

我在源代码工作中导入的其他模块，但这些模块使用的是import x from "y";语法，而不是import "z";。这里有什么我可以试试的吗？

jest.config.js编辑：在下面添加了：

module.exports = {
    transform: { '^.+\\.ts?$': 'ts-jest' },
    testEnvironment: 'node',
    testRegex: '/test/.*\\.(test|spec)?\\.(ts|tsx)$',
    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node']
};

Answer 1

来吧，请给我看看yow jest.config文件-- yow应用程序也与它们一起使用导入语句，bcuz可能会在某种程度上捆绑yow代码，它运行的环境是可以理解的，但另一方面，您正在用nodejs运行它们的测试文件，正如您已经看到的那样，节点不明白这一点，并且添加了这样一个事实，即它们的测试用例是用ts而不是js编写的，首先尝试一下，如果它不起作用，我需要yow jest配置。

安装ts节点。

如果您想执行一些ts代码以太，您需要首先编译这些文件，或者可以安装ts-节点。

npm i -D ts-节点。

要运行这些测试，您需要ts-node ./path- To -yow文件。

我想已经有个包裹叫ts-jest了