Javascript react table/react-table.css导致测试在编译时崩溃
我有工作的代码和工作的测试。我的react表文件中只有一个问题。react-table.js的api说在我的react-table.js文件Javascript react table/react-table.css导致测试在编译时崩溃,javascript,css,reactjs,jestjs,react-table,Javascript,Css,Reactjs,Jestjs,React Table,我有工作的代码和工作的测试。我的react表文件中只有一个问题。react-table.js的api说在我的react-table.js文件import“react table/react table.css”中使用我需要的css文件
import“react table/react table.css”中使用我需要的css文件但是当我这样做的时候,我的测试在编译时崩溃了。我使用的基本上是react-table.js网页上简单表格示例的副本。我如何使用他们的css文件并且仍然让我的测试运行
这是我得到的错误,如果我不注释掉css导入
对于测试,您需要模拟css/图像导入
"jest": {
"moduleNameMapper": {
".*\\.(css|scss|sass)$": "path/to/styleMock.js",
".*\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "path/to/assetMock.js"
},
(确保适当调整模拟文件的路径)
styleMock.js
module.exports = {}
module.exports = 'IMAGE_MOCK'
assetMock.js
module.exports = {}
module.exports = 'IMAGE_MOCK'
参考资料:我只需要进行一次npm安装——保存dev identity obj proxy,并将用于模拟CSS模块的jest内容添加到我的package.json中,就成功了。