VueJS 和 Webpack：单元测试错误——我需要默认的 HelloWorld 组件吗？答案

【问题标题】：VueJS and Webpack: Unit Testing error -- do I need the default HelloWorld component?VueJS 和 Webpack：单元测试错误——我需要默认的 HelloWorld 组件吗？
【发布时间】：2018-02-08 12:53:37
【问题描述】：

我第一次使用带有 webpack 的 vue-cli 并尝试了单元测试功能。但是，我删除了默认的 HelloWorld.vue 组件，因为我的自定义应用程序中不需要它。因此，在终端中运行以下命令时，出现单元测试错误：

$ npm run test

> vuetemplate@1.0.0 test D:\Users\myName\Desktop\vue-cli-webpacktemplate
> npm run unit


> vuetemplate@1.0.0 unit D:\Users\myName\Desktop\vue-cli-webpacktemplate
> jest --config test/unit/jest.conf.js --coverage

 FAIL  test\unit\specs\HelloWorld.spec.js
  ● Test suite failed to run

    Configuration error:

    Could not locate module @/components/HelloWorld (mapped as D:\Users\myName\Desktop\vue-cli-webpacktemplate\src\components/HelloWorld)

    Please check:

    "moduleNameMapper": {
      "/^@\/(.*)$/": "D:\Users\myName\Desktop\vue-cli-webpacktemplate\src\$1"
    },
    "resolver": undefined

Test Suites: 1 failed, 1 total

我的问题：我想对我的应用进行单元测试。我是否需要放回默认的 HelloWorld 组件才能成功对我的应用进行测试？或者，有没有办法跳过它？不知道在这里做什么。谢谢。

【问题讨论】：

标签： unit-testing webpack vuejs2

【解决方案1】：

检查它是否没有被引用为您的 AppComponent 或任何其他组件的导入。也许在测试中。

【讨论】：

它在'specs'文件夹下的tests文件夹中引用如下：`import Vue from 'vue' import HelloWorld from '@/components/HelloWorld'，我需要找出文件夹中的位置构造它引用这条路径，所以我可以关闭它或其他东西
您可以简单地使用大多数文本编辑器中的“在所有文件中查找”来查找此导入语句。 IIRC，它将位于 test/unit/specs/HelloComponent.spec.js 或其他地方