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

相关文章
|
6月前
|
JavaScript
Vue中如何实现兄弟组件之间的通信
在Vue中,兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线,大型项目建议使用Pinia等状态管理工具,确保数据流清晰可控,避免内存泄漏。
548 2
|
5月前
|
缓存 JavaScript
vue中的keep-alive问题(2)
vue中的keep-alive问题(2)
445 137
|
9月前
|
人工智能 JavaScript 算法
Vue 中 key 属性的深入解析:改变 key 导致组件销毁与重建
Vue 中 key 属性的深入解析:改变 key 导致组件销毁与重建
1003 0
|
8月前
|
人工智能 JSON JavaScript
VTJ.PRO 首发 MasterGo 设计智能识别引擎,秒级生成 Vue 代码
VTJ.PRO发布「AI MasterGo设计稿识别引擎」,成为全球首个支持解析MasterGo原生JSON文件并自动生成Vue组件的AI工具。通过双引擎架构,实现设计到代码全流程自动化,效率提升300%,助力企业降本增效,引领“设计即生产”新时代。
587 1
|
8月前
|
JavaScript 安全
在 Vue 中,如何在回调函数中正确使用 this?
在 Vue 中,如何在回调函数中正确使用 this?
408 0
|
11月前
|
JavaScript
vue实现任务周期cron表达式选择组件
vue实现任务周期cron表达式选择组件
1243 4
|
9月前
|
JavaScript UED
用组件懒加载优化Vue应用性能
用组件懒加载优化Vue应用性能
|
10月前
|
JavaScript 数据可视化 前端开发
基于 Vue 与 D3 的可拖拽拓扑图技术方案及应用案例解析
本文介绍了基于Vue和D3实现可拖拽拓扑图的技术方案与应用实例。通过Vue构建用户界面和交互逻辑,结合D3强大的数据可视化能力,实现了力导向布局、节点拖拽、交互事件等功能。文章详细讲解了数据模型设计、拖拽功能实现、组件封装及高级扩展(如节点类型定制、连接样式优化等),并提供了性能优化方案以应对大数据量场景。最终,展示了基础网络拓扑、实时更新拓扑等应用实例,为开发者提供了一套完整的实现思路和实践经验。
1339 78
|
11月前
|
缓存 JavaScript 前端开发
Vue 基础语法介绍
Vue 基础语法介绍
|
9月前
|
JavaScript 前端开发 开发者
Vue 自定义进度条组件封装及使用方法详解
这是一篇关于自定义进度条组件的使用指南和开发文档。文章详细介绍了如何在Vue项目中引入、注册并使用该组件,包括基础与高级示例。组件支持分段配置(如颜色、文本)、动画效果及超出进度提示等功能。同时提供了完整的代码实现,支持全局注册,并提出了优化建议,如主题支持、响应式设计等,帮助开发者更灵活地集成和定制进度条组件。资源链接已提供,适合前端开发者参考学习。
607 17

热门文章

最新文章