“SyntaxError：无法在模块外使用导入语句”导入模块时导入模块以在 Jest 中产生副作用

Question

我正在尝试使用 Jest 来测试我编写的一些 TS 代码。我需要这段代码才能在旧版浏览器上工作，所以我要导入一些 polyfill 等以产生副作用。

我的代码看起来像这样（变量更改为更通用）：

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

来吧，brotha，请告诉我你的 jest.config 文件，你的应用程序也可以使用它们的 import 语句，因为可能有一些东西将你的代码捆绑到它运行的环境可以理解的程度，但另一方面您正在使用 nodejs 运行它们的测试文件，正如您已经看到的，node 不理解这一点，再加上它们的测试用例是用 ts 而不是 js 编写的，先试试这个，如果它不起作用我会需要你开玩笑的配置。

安装 ts-node。

如果你想执行一些 ts 代码，你需要先编译它们的文件，或者你可以安装 ts-node

npm i -D ts-node.

要运行它们的测试，您需要 ts-node ./path-to-yow-file。

我认为已经有一个包调用 ts-jest