解决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 相关文章推荐
用于table内容排序
Jul 21 Javascript
删除重复数据的算法
Nov 23 Javascript
常见的jQuery选择器汇总
Nov 24 Javascript
浅谈JavaScript函数的四种存在形态
Jun 08 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
React Native基础入门之初步使用Flexbox布局
Jul 02 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 Javascript
一次Webpack配置文件的分离实战记录
Nov 30 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
Jan 22 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二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
JavaScript分页功能的实现方法
2015/04/25 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
浅谈目前可以使用ES10的5个新特性
2019/06/25 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
Python输出9*9乘法表的方法
2015/05/25 Python
Python基于回溯法子集树模板解决马踏棋盘问题示例
2017/09/11 Python
详解python单元测试框架unittest
2018/07/02 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
python爬虫 爬取58同城上所有城市的租房信息详解
2019/07/30 Python
Python Web程序搭建简单的Web服务器
2019/07/31 Python
Django使用消息提示简单的弹出个对话框实例
2019/11/15 Python
Django 实现Admin自动填充当前用户的示例代码
2019/11/18 Python
Python  word实现读取及导出代码解析
2020/07/09 Python
python属于哪种语言
2020/08/16 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
管理工程专业求职信
2014/08/10 职场文书
通知的格式范文
2015/04/27 职场文书
负责培养人意见
2015/06/05 职场文书
婚育证明格式
2015/06/17 职场文书
手写实现JS中的new
2021/11/07 Javascript
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js