解决vue项目运行提示Warnings while compiling.警告的问题


Posted in Javascript onSeptember 18, 2020

是因为创建项目的时候设置了eslint所以才会有下面的警告,Use ESLint to lint your code? (Y/n) 这一步选no

如果不想有规范的js代码,可以关掉eslint。

解决vue项目运行提示Warnings while compiling.警告的问题

解决办法:

1、找到build下面的webpack.base.conf.js

解决vue项目运行提示Warnings while compiling.警告的问题

注释后重启项目

2、或者打开config文件下的index.js,里useEslint改为false,重启项目

解决vue项目运行提示Warnings while compiling.警告的问题

补充知识:vue cli3 热更新 保存时自动刷新页面内容 + 分离环境变量.env package.json配置

前几天ts+vue3.0+view-design撸了一个项目,然后总感觉哪里不对劲,今天终于醒悟了原来是热更新没开

在vue.config.js中配置以下选项

const IS_PRO = ['production', 'test'].includes(process.env.NODE_ENV);

css: {
  // 是否使用css分离插件 ExtractTextPlugin
  extract: IS_PRO,
  // 开启 CSS source maps 打包时不生成.map文件?
  sourceMap: false,
  // css预设器配置项
  loaderOptions: {
  },
  // 为所有的 CSS 及其预处理文件开启 CSS Modules。
  // 这个选项不会影响 `*.vue` 文件。
  requireModuleExtension: true
 },

上文中用到了process.env环境变量,那么这里在安利一个知识点吧

package.json

 "scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "build:dev": "vue-cli-service build --mode development",
  "lint": "vue-cli-service lint"
 },

环境变量存放地址

解决vue项目运行提示Warnings while compiling.警告的问题

优先级.env<.env.any<.env.any.local (.local文件会被 git 忽略)

npm run serve 会默认找到.env.development文件配置

npm run build会默认找到.env.production文件配置

当然我们可以把本地的配置放置在.local内用于本地配置,然后对应的线上和测试环境放置不同的文件,打包上线时 对应的 npm run build --文件名称就行了比如npm run build --development

以上这篇解决vue项目运行提示Warnings while compiling.警告的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在html页面上拖放移动标签
Jan 08 Javascript
jQuery入门第一课 jQuery选择符
Mar 14 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
jquery 元素相对定位代码
Oct 15 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
js限制输入框只能输入数字(onkeyup触发)
Sep 28 Javascript
微信小程序实现订单倒计时
Nov 01 Javascript
node.js中npm包管理工具用法分析
Feb 14 Javascript
vue在图片上传的时候压缩图片
Nov 18 Vue.js
js加减乘除精确运算方法实例代码
Jan 17 Javascript
vue-cli3 热更新配置操作
Sep 18 #Javascript
vue-cli 关闭热更新操作
Sep 18 #Javascript
Node.JS如何实现JWT原理
Sep 18 #Javascript
浏览器JavaScript调试功能无法使用解决方案
Sep 18 #Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 #Javascript
js实现手表表盘时钟与圆周运动
Sep 18 #Javascript
javascript实现智能手环时间显示
Sep 18 #Javascript
You might like
php中通过smtp发邮件的类,测试通过
2007/01/22 PHP
关于crontab的使用详解
2013/06/24 PHP
PHPCMS2008广告模板SQL注入漏洞修复
2016/10/11 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
PHP解析url并得到url参数方法总结
2018/10/11 PHP
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
jQuery检测鼠标左键和右键点击的方法
2015/03/17 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
原生js实现移动端瀑布流式代码示例
2015/12/18 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
2016/05/24 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
举例讲解Python编程中对线程锁的使用
2016/07/12 Python
详解python的数字类型变量与其方法
2016/11/20 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
python实现归并排序算法
2018/11/22 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
介绍一下linux文件系统分配策略
2012/11/17 面试题
网吧消防安全制度
2014/01/28 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
代收款委托书范本
2014/10/01 职场文书
2015年教师节贺卡寄语
2015/03/24 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
2015年统计员个人工作总结
2015/07/23 职场文书
你知道哪几种MYSQL的连接查询
2021/06/03 MySQL