解决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 相关文章推荐
最近项目写了一些js,水平有待提高
Jan 31 Javascript
Javascript将string类型转换int类型
Dec 09 Javascript
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
JavaScript学习小结(一)——JavaScript入门基础
Sep 02 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
javascript针对不确定函数的执行方法
Dec 16 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
Jul 07 Javascript
JavaScript使用Range调色及透明度实例
Sep 25 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
vue实现滑动到底部加载更多效果
Oct 27 Javascript
jQuery实现鼠标滑动切换图片
May 27 jQuery
vue element和nuxt的使用技巧分享
Jan 14 Vue.js
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 模拟登陆MSN并获得用户信息
2009/05/16 PHP
php中HTTP_REFERER函数用法实例
2014/11/21 PHP
php实现Mongodb自定义方式生成自增ID的方法
2015/03/23 PHP
java模拟PHP的pack和unpack类
2016/04/13 PHP
php倒计时出现-0情况的解决方法
2016/07/28 PHP
PHP微信API接口类
2016/08/22 PHP
JScript的条件编译
2007/05/29 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
文本框水印提示效果的简单实现代码
2014/02/22 Javascript
Angular中$state.go页面跳转并传递参数的方法
2017/05/09 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
node中使用log4js4.x版本记录日志的方法
2019/08/20 Javascript
layui表格数据复选框回显设置方法
2019/09/13 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
一篇文章带你浅入webpack的DLL优化打包
2020/02/20 Javascript
python实现的简单文本类游戏实例
2015/04/28 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
Python常用特殊方法实例总结
2019/03/22 Python
Python 使用matplotlib模块模拟掷骰子
2019/08/08 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
用python发送微信消息
2020/12/21 Python
Pandas之缺失数据的实现
2021/01/06 Python
交通事故赔偿协议书范本
2014/04/15 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
投标邀请书范本
2015/02/02 职场文书
办公室个人总结
2015/02/28 职场文书
公司车辆管理制度
2015/08/04 职场文书
用Python生成会跳舞的美女
2022/01/18 Python
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python
详解Golang如何实现支持随机删除元素的堆
2022/09/23 Python