vitest单元测试报错

vitest测试报错

button.vue文件，文件内容：

describe('omni-button.vue', () => {
  it('create', () => {
    const wrapper = mount(() => type="paimary" />)

    expect(wrapper.classes()).toContain('el-button-paimary')
  })
})

组件OmniButton 本质上就是elementPlus的button组件，只不过是被OmniButton给再次封装了一层。

报错内容： Unknown file extension ".css" for D:\demo\omniButton\node_modules.pnpm\registry.npmmirror.com+element-plus@2.2.9_vue@3.2.37\node_modules\element-plus\theme-chalk\el-button.css

所以为什么我对于OmniButton的 vitest测试会存在这种情况的报错？我又该怎样解决这个问题呢？

代码块里第三行内容贴错了，正确情况如下：

describe('omni-button.vue', () => {
  it('create', () => {
    const wrapper = mount(() => <OmniButton type="paimary" />)

    expect(wrapper.classes()).toContain('el-button-paimary')
  })
})

"paimary" => "primary"

你这个实际上是node的问题，不是vue的问题，node需要加css模块才能用css,可以参考下下文:

primary改成这个，