在 VueJS 中禁用“开发模式”警告

Posted 2023-02-22

技术标签:

【中文标题】在 VueJS 中禁用“开发模式”警告【英文标题】：Disable "development mode" warning in VueJS 【发布时间】：2017-06-04 06:40:30 【问题描述】：

我在开发模式下运行 Vue，每次加载页面时都会收到此消息：

"你在开发模式下运行 Vue。确保开启部署生产时的生产模式。查看更多提示 https://vuejs.org/guide/deployment.html"

有没有办法在不切换到生产模式的情况下禁用它？

【问题讨论】：

包括缩小的 vuejs 吗？在 vue-cli/webpack 开发环境中？是的，这应该可以解决问题所以我应该从已安装的 npm 包中删除 vue（不删除任何依赖项），在 package.json 文件中删除对它的引用，在 index.html 文件中手动包含它并期待所有其他依赖 Vue 才能神奇地正常运行的软件包？你用过 npm 吗？ '不知何故包括'。我会写somehow include 'vue.min.js'; 应该可以的。 【参考方案1】：

在 Vue 3 中，Vue.config.productionTip = false 已被删除，没有替代禁用“开发模式”警告的替代方法（请参阅Vue 3 Migration Guide）。

【讨论】：

【参考方案2】：

从 Vue.JS 2.2.0 开始，可以按如下方式禁用开发警告：

Vue.config.productionTip = false

应该添加到 main.js（或 main.ts，如果使用 TypeScript）

【讨论】：

但是，我确信这个 Vue.config.productionTip 切换到 false，我在浏览器的控制台中收到以下错误：[Vue warn]: Avoid mutating a prop directly because the value will每当父组件重新渲染时被覆盖。相反，使用基于道具值的数据或计算属性。正在变异的道具：“选择” 这似乎不是一个相关的问题。通常，如果您将某些内容分配给组件内的道具，就会发生这种情况。这个答案对我不起作用。添加Vue.config.productionTip = false 后仍然是消息。 @Ebrahim 您在 HelloWorld 组件中将 name 作为 prop 传递，并在同一组件的 v-model 中使用它，因此警告与此问题无关。 @skpblack 您使用的是 Vue 2.2.0 或更高版本吗？【参考方案3】：

如果你正在使用 VueCli 和 package.json 文件，如下所示：

然后从第 7 行删除 --mode development ：

像这样： "build": "vue-cli-service build"

【讨论】：

【参考方案4】：

打开文件 app.js 并添加下一段代码