vue 项目运行过程中出现错误的问题解决

简介: vue 项目运行过程中出现错误的问题解决

因为要开放新功能,在package.json增加了一些组件,如下图,重新yarn install没有问题

{
  "name": "vue-antd-nbcio",
  "version": "3.0.0",
  "description": "nbcio-boot亿事达企业管理系统",
  "author": "nbacheng",
  "license": "MIT",
  "homepage": "https://blog.csdn.net/qq_40032778/",
  "scripts": {
    "pre": "cnpm install || yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ",
    "serve": "vue-cli-service serve",
    "build:test": "vue-cli-service build --mode test",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@antv/data-set": "^0.11.4",
    "@babel/parser": "^7.7.4",
    "@dcloudio/uni-webview-js": "^0.0.3",
    "@jeecg/antd-online-mini": "3.0.0-RC",
    "@riophae/vue-treeselect": "0.4.0",
    "@smallwei/avue": "^2.8.23",
    "@tinymce/tinymce-vue": "2.1.0",
    "@toast-ui/editor": "^2.1.2",
    "ant-design-vue": "^1.7.2",
    "axios": "^0.18.0",
    "beautifier": "^0.1.7",
    "bpmn-js-sketchy": "^0.5.3",
    "bpmn-js-task-resize": "^1.2.0",
    "bpmn-js-token-simulation": "^0.10.0",
    "china-area-data": "^5.0.1",
    "clipboard": "^2.0.10",
    "codemirror": "^5.46.0",
    "core-js": "3.8.1",
    "cron-parser": "^2.10.0",
    "crypto-js": "^4.1.1",
    "dayjs": "^1.8.0",
    "diagram-js-minimap": "^2.0.4",
    "dom-align": "1.12.0",
    "echarts": "^4.9.0",
    "element-ui": "2.15.6",
    "enquire.js": "^2.1.6",
    "file-saver": "2.0.4",
    "form-gen-parser": "^1.0.3",
    "highlight.js": "^10.5.0",
    "jquery": "^3.6.0",
    "js-cookie": "^2.2.0",
    "js-pinyin": "^0.1.9",
    "jsbarcode": "^3.11.4",
    "lodash.get": "^4.4.2",
    "lodash.pick": "^4.4.0",
    "mathjs": "^9.5.1",
    "mavon-editor": "^2.10.1",
    "md5": "^2.2.1",
    "miment": "^0.0.9",
    "min-dash": "^3.5.2",
    "normalize.css": "7.0.0",
    "nprogress": "^0.2.0",
    "qrcodejs2": "0.0.2",
    "quill": "^1.3.7",
    "sass": "1.32.0",
    "sass-loader": "10.1.0",
    "spark-md5": "^3.0.1",
    "tinymce": "5.4.1",
    "v-chart": "^1.0.0",
    "v-click-outside-x": "^4.1.3",
    "view-design": "^4.2.0",
    "view-ui-plus": "^1.3.1",
    "viser-vue": "^2.4.8",
    "voca": "^1.4.0",
    "vue": "^2.6.10",
    "vue-area-linkage": "^5.1.0",
    "vue-barcode": "^1.3.0",
    "vue-codemirror": "^4.0.6",
    "vue-color": "^2.8.1",
    "vue-cropper": "^0.5.4",
    "vue-drag-resize": "^1.5.4",
    "vue-echarts": "^5.0.0-beta.0",
    "vue-i18n": "^8.7.0",
    "vue-json-editor": "1.4.3",
    "vue-loader": "^15.7.0",
    "vue-ls": "^3.2.0",
    "vue-photo-preview": "^1.1.3",
    "vue-print-nb-jeecg": "^1.0.9",
    "vue-quill-editor": "^3.0.6",
    "vue-router": "^3.0.1",
    "vue-ruler-tool": "^1.2.4",
    "vue-simple-uploader": "^0.7.6",
    "vue-splitpane": "^1.0.4",
    "vue-superslide": "^0.1.1",
    "vuedraggable": "^2.20.0",
    "vuex": "^3.1.0",
    "vuex-persistedstate": "^4.1.0",
    "vxe-table": "2.9.13",
    "vxe-table-plugin-antd": "1.8.10",
    "weixin-js-sdk": "^1.6.0",
    "workflow-bpmn-modeler-jeecgboot": "^0.1.3",
    "x2js": "^3.4.2",
    "xe-utils": "2.4.8",
    "xml-js": "^1.6.11"
  },
  "devDependencies": {
    "@babel/polyfill": "^7.2.5",
    "@vue/cli-plugin-babel": "^4.5.0",
    "@vue/cli-plugin-eslint": "^4.5.0",
    "@vue/cli-service": "^4.5.0",
    "@vue/compiler-sfc": "^3.0.1",
    "@vue/eslint-config-prettier": "^5.0.0",
    "@vue/eslint-config-standard": "^4.0.0",
    "babel-eslint": "^10.1.0",
    "bpmn-js": "^8.8.3",
    "bpmn-js-properties-panel": "^0.37.2",
    "camunda-bpmn-moddle": "^4.4.1",
    "compression-webpack-plugin": "^6.1.1",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.1.0",
    "eslint-plugin-vue": "^6.2.2",
    "fs-extra": "^8.1.0",
    "html-webpack-plugin": "^4.2.0",
    "js-md5": "^0.7.3",
    "less": "^3.9.0",
    "less-loader": "^4.1.0",
    "path-to-regexp": "2.4.0",
    "style-resources-loader": "^1.2.1",
    "stylus": "^0.54.7",
    "stylus-loader": "^3.0.2",
    "video.js": "^7.18.1",
    "svg-sprite-loader": "5.1.1",
    "vue-template-compiler": "^2.6.10"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/strongly-recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
      "generator-star-spacing": "off",
      "no-mixed-operators": 0,
      "vue/max-attributes-per-line": [
        2,
        {
          "singleline": 5,
          "multiline": {
            "max": 1,
            "allowFirstLine": false
          }
        }
      ],
      "vue/attribute-hyphenation": 0,
      "vue/html-self-closing": 0,
      "vue/component-name-in-template-casing": 0,
      "vue/html-closing-bracket-spacing": 0,
      "vue/singleline-html-element-content-newline": 0,
      "vue/no-unused-components": 0,
      "vue/multiline-html-element-content-newline": 0,
      "vue/no-use-v-if-with-v-for": 0,
      "vue/html-closing-bracket-newline": 0,
      "vue/no-parsing-error": 0,
      "no-tabs": 0,
      "indent": [
        "off",
        2
      ],
      "no-console": 0,
      "space-before-function-paren": 0
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 10"
  ]
}

但运行yarn run serve的时候出现下面错误

从前端页面上就是类似下面的错误

2555 errors and 0 warnings potentially fixable with the --fix option. 的错误

但比较奇怪的事,第一次运行出现上面的错误,ctrl-C退出后再次运行yarn run serve又正常了

所以不知道是什么原因?

等到项目发布后,在jenkins也是出现类似问题的问题,第一次运行出错,第二次运行就正常了。

后来根据网上一些资料,删除下面图中的@vue/standard删除,再从头开始进行yarn install

这次yarn run serve就正常了。

相关文章
|
3天前
|
缓存 监控 JavaScript
探讨优化Vue应用性能和加载速度的策略
【5月更文挑战第17天】本文探讨了优化Vue应用性能和加载速度的策略:1) 精简代码和组件拆分以减少冗余;2) 使用计算属性和侦听器、懒加载、预加载和预获取优化路由;3) 数据懒加载和防抖节流处理高频事件;4) 图片压缩和选择合适格式,使用CDN加速资源加载;5) 利用浏览器缓存和组件缓存提高效率;6) 使用Vue Devtools和性能分析工具监控及调试。通过这些方法,可提升用户在复杂应用中的体验。
10 0
|
4天前
|
JavaScript 前端开发
vue(1),小白看完都会了
vue(1),小白看完都会了
|
3天前
|
JavaScript 开发工具 git
Vue 入门系列:.env 环境变量
Vue 入门系列:.env 环境变量
10 1
|
3天前
Vue3+Vite+Pinia+Naive后台管理系统搭建之一:基础项目构建
Vue3+Vite+Pinia+Naive后台管理系统搭建之一:基础项目构建
7 1
|
3天前
|
JavaScript
vue知识点
vue知识点
11 0
|
4天前
|
JavaScript 前端开发 定位技术
Vue使用地图以及实现轨迹回放 附完整代码
Vue使用地图以及实现轨迹回放 附完整代码
Vue使用地图以及实现轨迹回放 附完整代码
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
992 0
|
4天前
|
JavaScript 数据库
ant design vue日期组件怎么清空 取消默认当天日期
ant design vue日期组件怎么清空 取消默认当天日期
|
4天前
|
JavaScript C++
vue高亮显示组件--转载
vue高亮显示组件--转载
9 0
|
4天前
|
JavaScript
Vue中避免滥用this去读取data中数据
Vue中避免滥用this去读取data中数据