Question

在过去的两周中，我一直在使用VueJs + VueX开发一个新项目，并且运行良好。我最近添加了一个vue.config.js文件，以从应用程序中的程序包json获取我的版本号。

自从我添加了此内容后，hotreload停止工作，并且从今天起，VueTools仍未发现我的网站是Vue站点。现在，当我要刷新时，由于某些状态刷新，我必须进行完全刷新，这会使事情变慢一点。

这只是我第二次将Vue用于真实产品，这是我第一次没有看到这些问题。这可能是什么问题？

我在控制台中没有错误，该应用程序运行良好，我无法使用vue工具扩展热加载或进行任何开发工作。

我的vue.js.config文件：

var webpack = require("webpack");

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        "process.env": {
          APP_VERSION: JSON.stringify(require("./package.json").version)
        }
      })
    ]
  },
  devServer: {
    // host: 'localhost',
    // // disableHostCheck: true,
    // watchOptions: {
    //   poll: true
    // }
  }
};

我尝试过的事情

被注释掉的是在Internet上不同位置提供的解决方案，它们都不是自己工作或一起工作的

我已经删除了我的节点模块，重新安装，然后再次使用npm run serve运行，但是它不起作用。

我已经多次重启机器和Visual Code IDE。

我已经努力刷新浏览器并清除了其中的缓存

我要从哪里开始寻找问题并自己解决？

更新

距离我更近了。在我将vue.config.js更改为

后，热重载有效

var webpack = require("webpack");

module.exports = {
  configureWebpack: config => {
    config.plugins.push[
      new webpack.DefinePlugin({
        "process.env": {
          APP_VERSION: JSON.stringify(require("./package.json").version)
        }
      })
    ]
  }
};

Vue工具仍未在我的浏览器中启动，当我使用该工具时会更新。

更新2 热重载有时仅适用于新配置。我仍然需要重新加载以更改方法。

更新3 实际上，这只是破坏了我的版本获取能力，因此我将恢复为原来的配置，现在仅进行F5操作。

VueJ无法在DevTools中重新加载或提取

0 个答案: