reactjs - 使用 mocha 测试反应组件时如何解决“找不到模块”错误

Question

在我的所有组件中，我都导入了其他组件，例如

import PrevArrow from 'components/Slider/PrevArrow';

当我想测试一个组件时，我总是得到错误：

Error: Cannot find module 'components/Slider/PrevArrow'

因为它假定了错误的路径。正确的导入方法是

import PrevArrow from '../../components/Slider/PrevArrow';

这样测试就通过了，但我不想仅仅因为这个而重构所有组件。

有没有一种方法可以让我的导入语句保持原样并且仍然通过我的测试？

提前致谢！

score 0 · Accepted Answer

原来是因为我们在代码库中使用了 webpack。

所以摩卡咖啡不能正常工作。我需要安装

npm install --save-dev mocha-webpack

并在 package.json 中重写我的测试脚本

"test": "mocha './build/**/*.test.js' --compilers js:babel-core/register --require ignore-styles"

至

"test": "mocha-webpack --webpack-config webpack.config.js './build/**/*.test.js'"

现在它可以工作了

1 回答 1