Reactjs 导入组件时SCSS文件的Cypress问题

我正在使用Cypress为React应用程序编写单元测试。我希望使用“cypress react单元测试”来测试单个组件

我只导入React、cypress React单元测试（在support/index.js中）和组件本身

我有一个简单的组件（test.js）

当我启动测试运行程序时，我在准备测试文件时遇到了一个错误，该文件引用了test.css文件

有人能解释一下这是怎么回事吗

与此问题相同，但我已经在使用cypress react单元测试包。如前所述，如果我在组件文件中注释掉导入css文件，那么组件渲染时不会使用任何样式。但是，如果我想声明标题的颜色，例如，该怎么办

我的开始测试代码

import React from 'react'
import Test from '../../../../src/components/test.js'

describe('testing React', ()=>{

    it('should react', ()=>{
        cy.mount(<Test name="Nrd" />)
        cy.contains('Testing')
    })
})

从“React”导入React
从“../../../../src/components/Test.js”导入测试
描述（'测试反应'，（）=>{
它（'应该反应'，（）=>{
山
cy.contains（‘测试’）
})
})

错误很明显，您缺少某些依赖项，或者可能是语法问题。你检查过这两个东西了吗？应用程序本身运行正常，我认为这个特定测试所需的所有依赖项/dev依赖项都存在于package.json文件中。我添加了测试代码以获得更多上下文。

h1 { 
    color: blue
}

import React from 'react'
import Test from '../../../../src/components/test.js'

describe('testing React', ()=>{

    it('should react', ()=>{
        cy.mount(<Test name="Nrd" />)
        cy.contains('Testing')
    })
})