使用 Karma 和 Webpack 在 Vue 中进行单元测试答案

【问题标题】：unit test in Vue with Karma and Webpack使用 Karma 和 Webpack 在 Vue 中进行单元测试
【发布时间】：2018-04-01 11:27:49
【问题描述】：

作为标题，我尝试在最新版本的 Vue 中使用 Karma 进行单元测试。我确信test 文件是正确的，因为我在默认的 vue 应用程序中运行它。它运行良好。但是当我在我的工作应用程序中运行npm run unit 时，我会在下面给出错误信息：

Chrome 65.0.3325 (Mac OS X 10.13.3) ERROR
Uncaught ReferenceError: Vue is not defined
at webpack:/external%20%22Vue%22:1:0 <- index.js:1418

我用谷歌搜索了很长时间，但一无所获。有人遇到过这个吗？

【问题讨论】：

贴出你的测试脚本代码
我的测试代码没问题，因为自vue-cli创建以来我没有修改，我尝试更新一个应用程序，它运行良好。
如果您不发布，我们不知道会看到什么

标签： unit-testing webpack vue.js karma-mocha

【解决方案1】：

休息了一会儿，我想通了。为什么它会 lint Vue is not defined？以及测试组件是如何工作的？我想知道这可能是由我的 Vue 导入策略引起的。为了减少在浏览器中打开页面的时间，我使用CDN导入vue和其他包，我猜它不能被Karma接受。我试图回滚，运行npm run unit，幸运的是，一切运行良好。

Chrome 65.0.3325 (Mac OS X 10.13.3): Executed 1 of 1 SUCCESS (0.034 secs / 0.011 secs)
TOTAL: 1 SUCCESS

谢谢大家。思考和解决问题真的很神奇，也很令人兴奋。

【讨论】：