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

相关文章
|
5天前
|
JavaScript
Vue基础知识总结 4:vue组件化开发
Vue基础知识总结 4:vue组件化开发
|
5天前
|
存储 JavaScript
Vue 状态管理工具vuex
Vue 状态管理工具vuex
|
10天前
|
JavaScript
如何在 Vue 中使用具名插槽
【10月更文挑战第25天】通过使用具名插槽,你可以更好地组织和定制组件的模板结构,使组件更具灵活性和可复用性。同时,具名插槽也有助于提高代码的可读性和可维护性。
15 2
|
10天前
|
JavaScript
Vue 中的插槽
【10月更文挑战第25天】插槽的使用可以大大提高组件的复用性和灵活性,使你能够根据具体需求在组件中插入不同的内容,同时保持组件的结构和样式的一致性。
13 2
|
10天前
|
前端开发 JavaScript 容器
在 vite+vue 中使用@originjs/vite-plugin-federation 模块联邦
【10月更文挑战第25天】模块联邦是一种强大的技术,它允许将不同的微前端模块组合在一起,形成一个统一的应用。在 vite+vue 项目中,使用@originjs/vite-plugin-federation 模块联邦可以实现高效的模块共享和组合。通过本文的介绍,相信你已经了解了如何在 vite+vue 项目中使用@originjs/vite-plugin-federation 模块联邦,包括安装、配置和使用等方面。在实际开发中,你可以根据自己的需求和项目的特点,灵活地使用模块联邦,提高项目的可维护性和扩展性。
|
12天前
|
数据采集 监控 JavaScript
在 Vue 项目中使用预渲染技术
【10月更文挑战第23天】在 Vue 项目中使用预渲染技术是提升 SEO 效果的有效途径之一。通过选择合适的预渲染工具,正确配置和运行预渲染操作,结合其他 SEO 策略,可以实现更好的搜索引擎优化效果。同时,需要不断地监控和优化预渲染效果,以适应不断变化的搜索引擎环境和用户需求。
|
15天前
|
JavaScript
Vue 指令速查表
【10月更文挑战第12天】Vue 指令速查表
|
12天前
|
缓存 JavaScript 搜索推荐
Vue SSR(服务端渲染)预渲染的工作原理
【10月更文挑战第23天】Vue SSR 预渲染通过一系列复杂的步骤和机制,实现了在服务器端生成静态 HTML 页面的目标。它为提升 Vue 应用的性能、SEO 效果以及用户体验提供了有力的支持。随着技术的不断发展,Vue SSR 预渲染技术也将不断完善和创新,以适应不断变化的互联网环境和用户需求。
30 9
|
11天前
|
缓存 JavaScript UED
Vue 中实现组件的懒加载
【10月更文挑战第23天】组件的懒加载是 Vue 应用中提高性能的重要手段之一。通过合理运用动态导入、路由配置等方式,可以实现组件的按需加载,减少资源浪费,提高应用的响应速度和用户体验。在实际应用中,需要根据具体情况选择合适的懒加载方式,并结合性能优化的其他措施,以打造更高效、更优质的 Vue 应用。
|
11天前
|
JavaScript 前端开发 UED
vue 提高 tree shaking 的效果
【10月更文挑战第23天】提高 Vue 中 Tree shaking 的效果需要综合考虑多个因素,包括模块的导出和引用方式、打包工具配置、代码结构等。通过不断地优化和调整,可以最大限度地发挥 Tree shaking 的优势,为 Vue 项目带来更好的性能和用户体验。
下一篇
无影云桌面