Vue.js 在何处放置Vue配置（在Ionic项目中）

我正在使用离子+Vue

我想禁用Vue热重新加载

我发现：

但我不知道该把这个放在哪里

建议将它放在

webpack.config.js

中，但我的项目根目录中没有这样的文件。我试图用建议的配置添加此文件，但没有效果

我在根目录中找到了

vue.config.js

，并尝试在其中添加上述配置，但在尝试运行时（使用命令行中的

ionic-serve

）出现了有关意外配置键的错误

我应该把这个配置放在哪里

更新：我试图实现Felipe的建议，它自己就可以工作了，但我也有这样一个：

config.module.rules.delete（'eslint'）

当我同时使用此建议和Felipe的建议时，我会在
ionic serve
上看到“error in./src/App.vue”，打开页面时会出现一个更复杂的错误：


我的完整
vue.config.js
：

试着这样做：

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
        .loader('vue-loader')
        .tap(options => {
          // modify the options...
          return { ...options, hotReload: false }
        })
  }
}

有关更多信息，请查看文档中特别提到如何更改vue加载程序选项的部分
尝试如下操作：

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
        .loader('vue-loader')
        .tap(options => {
          // modify the options...
          return { ...options, hotReload: false }
        })
  }
}

有关更多信息，请查看文档，其中特别提到如何更改vue加载程序选项
谢谢！它“独立”工作，但我仍然很难让它与我现有的
vue.config.js
一起工作。我更新了问题以反映这一点，也许你能帮忙？请参阅
更新：
标记后面的其他文本。非常感谢。显然，vue模板编译器必须安装到与@vue版本相同的devdependences中。您可以尝试删除节点模块并与此软件包一起重新安装吗？
package.json
和整个构建配置是由
ionic
自动创建的。我有点担心弄坏其他东西。e、 g.我已经有了
“@vue/compiler sfc”：“^3.0.0-0”
（我猜它的名字可能与名为
vue template compiler
的包冲突，但我可能完全错了）。。。为什么仅仅关闭一个功能就这么复杂(（可能有点棘手，只是为了提问，为什么需要删除eslint？当我们想要应用好的设计模式时，这是非常必要的。你可以通过更改.eslintrc.js文件来更改困扰你的规则是的，你是对的，我以前尝试过禁用它，但失败了。但现在你激励我再试一次，我成功了。）eded.我想禁用
@typescript eslint/no unused vars
。之前，我尝试过
没有未使用的vars:“off”
，但没有效果。但刚才我尝试了完整的
“@typescript eslint/no unused vars:“off”
而且它是有效的！不幸的是，我认为HMR cfg东西是独立工作的似乎是错误的。现在，即使没有linter删除行，我也得到了我前面提到的错误（“更新”下的第一个SS）谢谢！它“独立工作”，但我仍然很难让它与我现有的
vue.config.js
配合使用。我更新了问题以反映这一点，也许您可以提供帮助？请参阅
更新：
标记后的其他文本。谢谢！显然，vue模板编译器必须安装到与@vue相同版本的devdependences中。您能尝试删除否de_模块并随此软件包一起重新安装？
软件包.json
和整个构建配置是由
ionic
自动创建的。我有点担心破坏其他东西。例如，我已经有了
“@vue/compiler sfc”：“^3.0.0-0”
（我猜测它的名称可能与名为
vue template compiler
的包冲突，但我可能完全错了）…为什么关闭一个功能会如此复杂(（可能有点棘手，只是为了提问，为什么需要删除eslint？当我们想要应用好的设计模式时，这是非常必要的。你可以通过更改.eslintrc.js文件来更改困扰你的规则是的，你是对的，我以前尝试过禁用它，但失败了。但现在你激励我再试一次，我成功了。）eded.我想禁用
@typescript eslint/no unused vars
。之前，我尝试过
没有未使用的vars:“off”
，但没有效果。但刚才我尝试了完整的
“@typescript eslint/no unused vars:“off”
而且它是有效的！不幸的是，似乎我错误地认为HMR cfg东西是独立工作的。现在，即使没有linter删除行，我也得到了我前面提到的错误（“更新”下的第一个SS）