如果 Jest 不认识项目中的自定义 @
路径,那么可以通过配置 moduleNameMapper
选项来解决这个问题。
moduleNameMapper
选项可以将不同的模块路径映射到实际的路径上。例如,我们可以将 @
路径映射到 src
目录,这样 Jest 就能够正确地识别 @
路径了。
以下是具体的步骤:
- 在 Jest 配置文件中添加
moduleNameMapper
选项:// jest.config.js module.exports = { // ... moduleNameMapper: { '^@/(.*)$': '<rootDir>/src/$1' }, // ... };
在上面的配置中,我们使用了正则表达式
^@/(.*)$
来匹配以@/
开头的路径。然后,我们将这些路径映射到src/
目录下对应的路径中。需要注意的是,
<rootDir>
变量表示项目根目录的绝对路径,这样就可以避免在路径中使用相对路径。 - 在项目中使用
@
路径:在项目中,可以使用@
路径来引用模块。例如:import Example from '@/components/Example.vue';
在上面的代码中,我们使用
@
路径来引用src/components/Example.vue
模块。以上就是解决 Jest 不认识自定义
@
路径的方法。