TypeError：超级表达式必须为空或函数

Question

我对 vue js 中的单元测试非常陌生。我刚刚通过这个网站学习单元测试“https://vue-test-utils.vuejs.org/guides/#testing-single-file-components-with-mocha-webpack”。当我在“mocha-webpack”中练习示例时，我得到了这个错误

WEBPACK  Failed to compile with 1 error(s)
Error in ./src/Counter.vue
TypeError: Super expression must either be null or a function
at /opt/htdocs/guru/unitTest_prct/node_modules/prettier/index.js:32893:5
at /opt/htdocs/guru/unitTest_prct/node_modules/prettier/index.js:32913:4
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! mdbvue@4.2.0 test: `mocha-webpack --webpack-config  webpack.config.js --require test/setup.js test/**/*.spec.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the mdbvue@4.2.0 test script.
npm ERR! This is probably not a problem with npm. There is likely     additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2018-09-06T10_28_47_073Z-debug.log

谁能告诉我如何解决这个错误。这是我的 Counter.vue 文件

<template>
  <div>
   <div>
     {{ count }}
     <button @click="increment">Increment</button>
   </div>
  </div>
</template>

<script>
export default {
    data () {
       return {
         count: 0
       }
    },
   methods: {
      increment () {
        this.count++;
      }
    }
};
</script>

这是我的 Counter.spec.js 文件

import { shallowMount } from '@vue/test-utils'
import Counter from '../src/docs/Counter.vue'
describe('Counter.vue', () => {
  it('increments count when button is clicked', () => {
    const wrapper = shallowMount(Counter)
    wrapper.find('button').trigger('click')
    expect(wrapper.find('div').text()).toMatch('1')
  })
})

Answer 1

我查看了the issue 链接的above。

我在测试脚本中有--require test/setup.js。下面是它的样子：

require('jsdom-global')();
window.Date = Date;

它解决了这个问题。试试看！

Answer 2

这是与prettier 的1.14.1 版本相关的问题，即您的场景中使用的NPM 包。

确实，查看他们的GitHub repo 报告了该问题。目前有一个可能的解决方法：基本上就是注释掉prettier/index.js的第32893行。

在您的环境中，您可以在此处找到该文件：/opt/htdocs/guru/unitTest_prct/node_modules/。