解决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 相关文章推荐
Ctrl+Enter提交内容信息
Jun 26 Javascript
Javascript优化技巧(文件瘦身篇)
Jan 28 Javascript
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
Dec 02 Javascript
js点击选择文本的方法
Feb 09 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 Javascript
学习JavaScript设计模式(继承)
Nov 26 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
MVVM 双向绑定的实现代码
Jun 21 Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 Javascript
微信小程序结合Storage实现搜索历史效果
May 18 Javascript
jquery轮播图插件使用方法详解
Jul 31 jQuery
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
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
php的ZipArchive类用法实例
2014/10/20 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
PHP实现的解汉诺塔问题算法示例
2018/08/06 PHP
yii框架使用分页的方法分析
2019/07/25 PHP
初探jquery——表单应用范例
2007/02/20 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
jQuery焦点图切换简易插件制作过程全纪录
2014/08/27 Javascript
nodejs爬虫抓取数据乱码问题总结
2015/07/03 NodeJs
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
2016/03/13 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
d3.js实现图形缩放平移
2019/12/19 Javascript
python 随机数生成的代码的详细分析
2011/05/15 Python
机器学习python实战之决策树
2017/11/01 Python
python线程池threadpool使用篇
2018/04/27 Python
Python爬虫使用脚本登录Github并查看信息
2018/07/16 Python
Python使用装饰器模拟用户登陆验证功能示例
2018/08/24 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
python中使用input()函数获取用户输入值方式
2020/05/03 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
往来会计岗位职责
2013/12/19 职场文书
志愿者事迹材料
2014/12/26 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
律政俏佳人观后感
2015/06/09 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android