匹配的文件扩展名:

我导入一个名为Todo的文件。./src/Todo/。当我把它改成Todo.js时，问题就消失了。

免责声明:我不确定组件的文件扩展名是jsx还是js的要求是什么。它完全没有影响到我，但我可以想象它可能会扰乱智能感知或片段。

我在Typescript、Jest和VueJS/VueCli 3中遇到了同样的问题。正常的构建没有问题。只有杰斯特才会这样。我苦苦寻找了几个小时。但是没有一个答案真的有效。在我的例子中，我有一个依赖于我自己的typescript包，我在tsconfig.json中指定“target”:“es6”。这是根本原因。所以解决方案是简单地将依赖的(不是同一个项目)更改回es5 tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    ...
  },
  ...
}

还使用Babel, Typescript和Jest。同样的失败，让我抓狂了好几个小时。 最后专门为测试创建了一个新的babel.config.js文件。有一个很大的。babelrc，不管我怎么做，它都不会被笑话捡起来。主应用程序仍然使用.babelrc，因为它会覆盖babel.config.js文件。

安装jest, ts-jest和babel-jest:

npm i jest ts-jest babel-jest

Babel.config.js(仅用于开玩笑)

module.exports = {presets: ['@babel/preset-env']}

jest.config.js

module.exports = {
  preset: 'ts-jest',
  transform: {
    '^.+\\.(ts|tsx)?$': 'ts-jest',
    "^.+\\.(js|jsx)$": "babel-jest",
  }
};

package.json

  "scripts": {
    "test": "jest"

对我来说，重命名文件为babel.config.js是有效的。 下面是我的NX项目配置文件，使用Typescript和twin -宏next

// .babelrc.js >> babel.config.js
module.exports = {
  presets: [
    [
      "@nrwl/react/babel",
      {
        "runtime": "automatic",
        "targets": {
          "browsers": [">0.25%", "not dead"]
        },
        "preset-react": {
          runtime: "automatic",
          importSource: "@emotion/react",
        },
      }
    ],
    '@babel/preset-env',
    '@emotion/babel-preset-css-prop',
    '@babel/preset-typescript'
  ],
  plugins: ['@emotion', 'macros', '@babel/plugin-transform-runtime', 'react-docgen'],
}

另外，请注意甚至更新包。json的作品, https://kulshekhar.github.io/ts-jest/docs/getting-started/presets/#basic-usage

// package.json
"jest": {
    // Replace `ts-jest` with the preset you want to use
    // from the above list
    "preset": "ts-jest"
  }

没有一个答案对我有帮助，帮助我的是确保我的NODE_ENV被设置为测试，因为babel配置是每个NODE_ENV使用错误的NODE_ENV，在babel配置中没有配置将意味着你不会使用babel, typescript文件不会被转换。

我花了几个小时来解决这个问题，所以我希望它能帮别人节省我花的时间。

如果你在使用TypeScript，你有一个tsconfig。Json文件，尝试删除"module": "esnext"，如果你正在使用它