如何使用npm将自定义模块导入babel-jest测试？

Question

我正在使用npm创建一个网络应用程序。我正在尝试运行我的自定义模块的单元测试。

首先，我用来生成问题的命令：

vue-cli-service test:unit

我所犯的错误是：

FAIL  tests/unit/js/myModule.spec.js
 ● Test suite failed to run

   .../tests/unit/js/myModule.spec.js:1
   ({"Object.<anonymous>":
     function(module,exports,require,__dirname,__filename,global,jest)
   {import MyModule from "@/js/myModule.js";                                               
           ^^^^^^^^

   SyntaxError: Unexpected identifier

与问题相关的项目结构如下：

.
├── jest.config.js
├── src
│   ├── js
│   │   └── myModule.js
└── tests
    └── unit
        └── js
            └── myModule.spec.js

在我的package.json里

{
   "devDependencies": {
      "babel-jest": "^24.7.1"
   }
}

myModule.js体

class MyModule {
    static method(){}
}

export default MyModule

在myModule.spec.js中，我称之为：

import MyModule from "@/js/myModule.js";

是什么导致了这个错误？我使用相同的行在src/js/otherModule.js中导入src/js/otherModule.js，这是没有问题的。这可能与使用babel有关吗？

此外，请告诉我，如果需要更多的文件/吐露(开玩笑，巴贝尔)在这里，以获得一个更广泛的观点，这个问题。

Answer 1

使用

const MyModule = require('@/js/myModule')

并将导出模块更改为

module.exports = MyModule;

解决了这个问题。