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就正常了。

相关文章
|
28天前
|
JavaScript API 开发者
Vue是如何进行组件化的
Vue是如何进行组件化的
|
3天前
|
JavaScript 关系型数据库 MySQL
基于VUE的校园二手交易平台系统设计与实现毕业设计论文模板
基于Vue的校园二手交易平台是一款专为校园用户设计的在线交易系统,提供简洁高效、安全可靠的二手商品买卖环境。平台利用Vue框架的响应式数据绑定和组件化特性,实现用户友好的界面,方便商品浏览、发布与管理。该系统采用Node.js、MySQL及B/S架构,确保稳定性和多功能模块设计,涵盖管理员和用户功能模块,促进物品循环使用,降低开销,提升环保意识,助力绿色校园文化建设。
|
28天前
|
JavaScript 前端开发 开发者
Vue是如何劫持响应式对象的
Vue是如何劫持响应式对象的
24 1
|
28天前
|
JavaScript 前端开发 开发者
Vue是如何进行组件化的
Vue是如何进行组件化的
|
28天前
|
存储 JavaScript 前端开发
介绍一下Vue的核心功能
介绍一下Vue的核心功能
|
29天前
|
JavaScript 前端开发 开发者
vue 数据驱动视图
总之,Vue 数据驱动视图是一种先进的理念和技术,它为前端开发带来了巨大的便利和优势。通过理解和应用这一特性,开发者能够构建出更加动态、高效、用户体验良好的前端应用。在不断发展的前端领域中,数据驱动视图将继续发挥重要作用,推动着应用界面的不断创新和进化。
|
1月前
|
JavaScript 前端开发 开发者
vue学习第一章
欢迎来到我的博客!我是瑞雨溪,一名热爱前端的大一学生,专注于JavaScript与Vue,正向全栈进发。博客分享Vue学习心得、命令式与声明式编程对比、列表展示及计数器案例等。关注我,持续更新中!🎉🎉🎉
36 1
vue学习第一章
|
1月前
|
JavaScript 前端开发 索引
vue学习第三章
欢迎来到瑞雨溪的博客,一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中的v-bind指令,包括基本使用、动态绑定class及style等,希望能为你的前端学习之路提供帮助。持续关注,更多精彩内容即将呈现!🎉🎉🎉
27 1
vue学习第三章
|
1月前
|
缓存 JavaScript 前端开发
vue学习第四章
欢迎来到我的博客!我是瑞雨溪,一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中计算属性的基本与复杂使用、setter/getter、与methods的对比及与侦听器的总结。如果你觉得有用,请关注我,将持续更新更多优质内容!🎉🎉🎉
35 1
vue学习第四章
|
1月前
|
JavaScript 前端开发 算法
vue学习第7章(循环)
欢迎来到瑞雨溪的博客,一名热爱JavaScript和Vue的大一学生。本文介绍了Vue中的v-for指令,包括遍历数组和对象、使用key以及数组的响应式方法等内容,并附有综合练习实例。关注我,将持续更新更多优质文章!🎉🎉🎉
24 1
vue学习第7章(循环)