无法使用vue-utils将观察者添加到我的测试脚本中。

Question

我试图在我在package.json中定义的“测试”脚本中添加一个观察者。

我想要实现的非常简单:我希望每次修改以.spec.js结尾的文件时，都要执行命令行"npm运行测试“。

当我运行"npm运行测试“时，我得到的是以下几行：

​

​

我是这样修改脚本以获得观察者的：

"test": "mocha-webpack --webpack-config=node\_modules/laravel-mix/setup/webpack.config.js --require tests/Frontend/setup.js tests/Frontend/\*\*/\*.spec.js --watch"

当我移除--在我的脚本末尾观看时一切正常。

我的依赖关系版本在这里：

"devDependencies": {
        "@nuxtjs/vuetify": "^1.10.1",
        "@vue/test-utils": "^1.0.0-beta.32",
        "axios": "^0.19",
        "bootstrap": "^4.4.1",
        "cross-env": "^5.2.1",
        "css-loader": "^3.4.2",
        "deepmerge": "^4.2.2",
        "expect": "^25.1.0",
        "fibers": "^4.0.2",
        "jquery": "^3.4.1",
        "jsdom": "^16.2.1",
        "jsdom-global": "^3.0.2",
        "json-loader": "^0.5.7",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.13",
        "mocha": "^4.0.1",
        "mocha-webpack": "^0.7.0",
        "popper.js": "^1.12",
        "preload-webpack-plugin": "^3.0.0-beta.4",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.26.2",
        "sass-loader": "^7.3.1",
        "style-loader": "^1.1.3",
        "vue": "^2.6.11",
        "vue-template-compiler": "^2.6.11",
        "vue-test-utils": "^1.0.0-beta.11",
        "webpack": "^4.42.0"
    },

谢谢你的帮助！

Answer 1

这看起来像是您正在使用的mocha-webpack插件版本和您正在使用的webpack插件的不兼容。0.7.0版本的mocha-webpack是为较老的webpack插件系统编写的，因此可能无法与较新的插件兼容。在webpack版本中，您使用的是4.20.0 (大约)，chunk属性没有modules的属性/访问器，这就是您看到错误的地方。

并且这个代码路径仅在监视模式下运行(根据我从该版本的代码库中收集到的内容)，所以当您不提供--watch时，不会发生这种情况。

尝试将mocha-webpack插件升级到最新的稳定版本。