Jest error Could not locate module .... 映射为：

Question

我尝试将 Jest 与 VueJS 和 Quasar framework 一起使用。我写了简单的测试：

import { GetUserDictionaryDataComponent, Component } from '@/pages/configurations/components/';

describe('GetUserDictionaryDataComponent', () => {
  it('should get correct type', () => {
    const component = new GetUserDictionaryDataComponent(undefined);
    expect(component.getComponentType()).toBe(Component.LEAF);
  });
});

但是它不能正常工作。当我尝试运行我的测试时，出现错误：

Test suite failed to run

    Configuration error:

    Could not locate module @/pages/configurations/components/ mapped as:
    /home/user/git/my_project/client/src/pages/configurations/components/.

    Please check your configuration for these entries:
    {
      "moduleNameMapper": {
        "/^@\/(.*)$/": "/home/user/git/my_project/client/src/"
      },
      "resolver": null
    }

    > 1 | import { GetUserDictionaryDataComponent, Component } from '@/pages/configurations/components/';
        | ^
      2 | 
      3 | describe('GetUserDictionaryDataComponent', () => {
      4 |   it('should get correct type', () => {

      at createNoMappedModuleFoundError (node_modules/@jest/core/node_modules/jest-resolve/build/index.js:472:17)
      at Object.<anonymous> (src/tests/pages/configurations/components/GetUserDictionaryDataComponent.spec.js:1:1)

但是，我不明白为什么会出现此错误。我检查了，路径 /home/user/git/my_project/client/src/pages/configurations/components/ 是正确的，我的类在那里。

Answer 1

我写了这个：

import GetUserDictionaryDataComponent from '@/pages/configurations/components/GetUserDictionaryDataComponent';
import Component from '@/pages/configurations/components/Component';

它对我有用。

Answer 2

对我来说，这是最简单的错字。我正在使用

"\.(css|less)$": "<rootDir>/__mocks__/styleMocks.js" 但我的文件名为 styleMock.js

希望这对大家有帮助

Answer 3

如果您只想指向 package.json 所在的路径，请保持 <rootDir> 不变。

我以为我的 webpack 也有类似的问题。对我来说，我没有读完 Jest 文档并认为 <rootDir> 是我的根目录路径的某种占位符。这不是...

Answer 4

驼色大小写重要

import Component from @/pages/configurations/components/Component;

Jest error Could not locate module .... 映射为：

Jest error Could not locate module .... mapped as:

vue.js

jestjs

quasar-framework