Vue.config.productionTip = false 不起作用的问题及解决

最近跟着网上的视频学习Vue，照着写了一段最简单的代码，原本以为不会有问题，可偏偏就出问题了。
引入开发版的vue.js

<script src="js/vue.js"></script>

会出现如下的提示

为了控制台不出现上面的提示信息，所以设置了
Vue.config.productionTip = false

Vue.config.productionTip = false

十多天前我开始学的时候，这么做是有效的，提示信息不出现，可奇怪的是，我今天再去运行这段程序的时候，明明设置了false，提示信息还是出现，这是为什么呢？百度了，没找到解决方案。
哪位大神能告知？多谢！

源代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Hello Vue.js</title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<h2>{{msg}}</h2>
		</div>
		<script>
			Vue.config.productionTip = false
			var vm = new Vue({
				el: '#app',
				data: {
					msg: 'Hello Vue.js'
				}
			})
		</script>
	</body>
</html>

Vue.config.productionTip = false为什么不起作用？解决方案

相信大家在初次学习Vue2和Vue3的时候，控制台(Console)会显示这段提示：

这是vue在启动时生成的生产提示。

我们希望有一个简洁的开发控制台，我们不想要这段提示代码怎么办呢？

方法一：写一行代码的脚本(前提是你的项目已经引入了vue.js文件)：

相信这种方法是大家最常用的，但是这种方法不一定起作用，请各位看官转移至方法二。

方法二：理想是美好的，但是显示是残酷的，实际情况方法一，它不一定管用。

那么，我们可以直接打开vue.js文件，进入vue.js源代码进行修改，一劳永逸。

直接修改，如果从你下载到使用这段时间对vue.js文件没有进行任何的修改，那么请找到第361行，或者在这附近，找到productionTip: true,  这行代码  ，这行代码的意思是（是否开启生产提示:是）我们只需要将后面true改成false即可，记得保存。

如图：

重要的事说三遍：记得保存，记得保存，记得保存。

到此这篇关于Vue.config.productionTip = false为什么不起作用？的文章就介绍到这了,更多相关Vue.config.productionTip = false内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题

    我要实现的功能是在上传文件之前校验是否表格中存在重复的数据,有的话,需要弹窗提示是否覆盖,确认之后继续上传,取消之后,就不再上传. 项目中用的element-ui是V1.4.3 <el-upload class="upload-demo" drag ref="fileUpload" :action="urls.fileUpload" :on-success="handleUploadSuccess" :on-error=

  • vue中将el-switch值true、false改为number类型的1和0

    vue中将el-switch值true、false改为number类型的1和0

    目录 将el-switch值true.false改为number类型的1和0 需求描述 说明 element ui中el-switch使用的坑 需求说明 需求描述 期望结果 解决方法 将el-switch值true.false改为number类型的1和0 需求描述 后端传回的status值为1(number类型)对应el-switch值true(打开)状态,status值为0(number类型)对应el-switch值false(关闭)状态. <el-switch active-value=&quo

  • Vue中.env、.env.development及.env.production文件说明

    Vue中.env、.env.development及.env.production文件说明

    目录 0.介绍 2.命名规则 3.关于文件的加载: 4.关于使用 4.1 在.vue文件中使用 4.2 在.js文件中 5.自定义环境 总结 0.介绍 模式是Vue CLI项目中一个重要的概念,默认情况下,一个Vue CLI项目有三种模式: developemt 模式用于vue-cli-service serve test 模式用于vue-cli-service test:unit production 模式用于vue-cli-service build 和vue-cli-service tes

  • Vue.config.productionTip = false 不起作用的问题及解决

    Vue.config.productionTip = false 不起作用的问题及解决

    最近跟着网上的视频学习Vue,照着写了一段最简单的代码,原本以为不会有问题,可偏偏就出问题了.引入开发版的vue.js <script src="js/vue.js"></script> 会出现如下的提示 为了控制台不出现上面的提示信息,所以设置了Vue.config.productionTip = false Vue.config.productionTip = false 十多天前我开始学的时候,这么做是有效的,提示信息不出现,可奇怪的是,我今天再去运行这段

  • Vue CLI4 Vue.config.js标准配置(最全注释)

    前言: Vue.js CLI工具 不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成.那么该文件的配置至关重要.现在我们来看一下最新配置是怎么配置的. 安装 npm i -d vue-cli-configjs // vue.config.js const path = require('path'); const CompressionWebpackPlugin = require("compression

  • Vue Vite热更新不起作用的正确解决办法

    Vue Vite热更新不起作用的正确解决办法

    目录 解决方案: 正确示例: 错误示例: 注意: 附:vue3+vite不热更新的解决方案 总结 解决方案: 提示:文件夹名称严格注意大小写 router 路由中名称 和文件夹(目录), 文件名需要保证大小写一致 正确示例: { path: 'show', component: () => import("@/views/show/index.vue"), } show 目录名index.vue 文件名这样大小写都是与路由中一致的就不会出现问题 错误示例: { path: 'sh

  • vue2之vue.config.js最全配置教程

    目录 配置目录: 一 . productionSourceMap 二. publicPath 三.outputDir 四.assetDir 五.devServer 六.lintOnSave 七.css的处理 八.chainWebpack vue.config.js 相当于之前的webpack 打包工具 配置目录: const path = require('path');   function resolve(dir) {   return path.join(__dirname, dir) }

  • vue3中vue.config.js配置及注释详解

    vue3中vue.config.js配置及注释详解

    目录 报错 打包时提示文件过大,配置解决方案,如下 总结 报错 asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).This can impact web performance.entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit

  • vue.config.js中configureWebpack与chainWebpack区别及说明

    vue.config.js中configureWebpack与chainWebpack区别及说明

    目录 configureWebpack与chainWebpack区别 1.configureWebpack 2.chainWebpack vue-cli中chainWebpack和configureWebpack vue.config.js configureWebpack与chainWebpack区别 configureWebpack与chainWebpack的作用相同,唯一的区别就是他们修改webpack配置方式不同: https://cli.vuejs.org/zh/config/#con

  • vue3.0 vue.config.js 配置基础的路径问题

    目录 vue3.0 vue.config.js 配置基础路径 vue3.0+ 3.x config配置 vue3.0 vue.config.js 配置基础路径 在和src同级的路径下创建一个文件名,vue.config.js(这文件名是固定这么写的) 在文件中写入 module.exports = {     baseUrl:'/',//根路径     outputDir:'dist',//打包的时候生成的一个文件名     assetsDir:'assets',//静态资源目录(js,css,

  • Vue前端vue.config.js简介

    目录 vue.config.js publicPath outputDir assetsDir devServer process.env.VUE_APP_BASE_API PS:vue.config.js详解 vue.config.js vue项目的配置文件,需要严格遵照 JSON 的格式来写.结构如下: module.exports = { // 选项... } publicPath 部署应用包时的基本 URL.例如 https://www.my-app.com/,则publicPath则为

  • Vue-cli3项目配置Vue.config.js实战记录

    Vue-cli3项目配置Vue.config.js实战记录

    Vue-cli3 搭建的项目 界面想对之前较为简洁 之前的build和config文件夹不见了,那么应该如何配置 如webpack等的配那只需要在项目的根目录下vue.config.js 文件(是根目录,不是src目录 语法 module.exports = { // 基本路径 baseUrl: '/', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use the full build

  • vue-cli3中vue.config.js配置教程详解

    前言 vue-cli3推崇零配置,其图形化项目管理也很高大上. 但是vue-cli3推崇零配置的话,导致了跟之前vue-cli2的配置方式都不一样了. 别名设置,sourcemap控制,输入文件位置和输出文件位置和输出的方式,压缩js控制,打包webapck日志分析,externals忽略配置(外部引入),调试的端口配置,proxy接口配置等等的. 有时候还需要我们配置的,因为官方推荐的,并不适用于我们平时的开发所用的. 所以,我的vue.config.js配置是下面这样的.还有一个改hash的

随机推荐