活动介绍
file-type

Vue.js图片预览插件:跨平台图片查看解决方案

ZIP文件

下载需积分: 47 | 70KB | 更新于2025-01-29 | 120 浏览量 | 2 下载量 举报 收藏
download 立即下载
在了解“vue-picture-preview”这一Vue.js插件之前,首先需要对Vue.js有一定的了解。Vue.js是一个流行的JavaScript框架,它专门用于构建用户界面和单页应用程序。Vue的核心库只关注视图层,易于上手,同时它也支持与现代化的工具链和各种库配合使用。 在开发过程中,图片预览功能是用户界面中常见的需求。无论是移动端还是PC端,良好的图片预览体验对提高用户体验都至关重要。vue-picture-preview插件就是为了简化在Vue.js项目中实现图片预览功能而诞生的。它是一个基于PhotoSwipe实现的图片查看器插件,意味着它利用了PhotoSwipe强大的图片处理和展示能力。 ### 安装和使用 在使用vue-picture-preview之前,需要先通过npm来安装该插件。打开终端或命令提示符,执行如下命令: ``` npm install --save vue-picture-preview ``` 安装成功后,就可以开始在Vue项目中引入并使用它了。该插件提供了两种使用方式:全局引入和局部引入。 #### 全局引入 全局引入的方式是将vue-picture-preview作为一个Vue组件添加到Vue的实例中,使其在任何组件内都可以直接使用。具体步骤如下: 1. 首先,在项目的入口文件中导入Vue.js库和vue-picture-preview插件。 2. 使用Vue.component()方法将vue-picture-preview注册为全局组件,组件名为'Previewer'。 示例代码如下: ```javascript import Vue from 'vue' import vuePicturePreview from 'vue-picture-preview'; // 注册全局组件 Vue.component('Previewer', vuePicturePreview); ``` 这样,'Previewer'组件就可以在任何子组件中通过标签名<Previewer>被调用,并且不需要在每个使用它的组件中单独导入。 #### 局部引入 局部引入的方式则是只在需要使用图片预览功能的组件中导入vue-picture-preview插件。这样可以更细致地控制资源的加载和组件的使用。 1. 在需要使用图片预览功能的组件文件顶部导入vue-picture-preview。 2. 在该组件的components选项中声明'Previewer'组件。 示例代码如下: ```javascript import vuePicturePreview from 'vue-picture-preview'; export default { components: { Previewer: vuePicturePreview } } ``` 通过局部引入的方式,可以在需要用到图片预览功能的地方单独加载vue-picture-preview插件,从而使整个项目的打包大小尽可能小。 ### vue-picture-preview插件特点 - 适配移动端和PC端:兼容多种设备,提供良好的跨平台用户体验。 - 基于PhotoSwipe开发:继承了PhotoSwipe的优秀图片浏览体验,拥有丰富的交互和动画效果。 - 简单易用:通过Vue组件的方式简化了图片预览的集成过程,用户只需要简单的步骤即可实现功能。 - 高度定制:插件提供了一些可配置项,允许开发者根据需求调整图片预览时的表现。 ### 应用场景 vue-picture-preview插件可以广泛应用于需要图片预览功能的Web应用中,包括但不限于: - 商品详情页中的商品图片预览。 - 图片库、画廊类网站的图片展示。 - 个人博客或者媒体网站中的图片查看。 - 任何形式的内容管理系统中的图片浏览。 ### 结语 vue-picture-preview插件为Vue.js开发者提供了一个简单、高效且优雅的解决方案来实现图片预览功能。通过它的使用,开发者可以节省编写自定义图片预览逻辑的时间,并能快速集成一个功能完备的图片查看器,从而更加专注于业务逻辑的开发和其他功能的完善。对于希望提高用户交互体验的Web应用而言,vue-picture-preview是一个值得推荐的Vue.js插件。

相关推荐

filetype

{ "name": "vue-antd-jeecg", "version": "3.4.3", "private": true, "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": { "@jeecg/antd-online-mini": "3.4.3-beta2", "ant-design-vue": "^1.7.2", "@antv/data-set": "^0.11.4", "viser-vue": "^2.4.8", "axios": "^0.18.0", "dayjs": "^1.8.0", "enquire.js": "^2.1.6", "js-cookie": "^2.2.0", "lodash.get": "^4.4.2", "lodash.pick": "^4.4.0", "md5": "^2.2.1", "nprogress": "^0.2.0", "vue": "^2.6.10", "vue-cropper": "^0.5.4", "vue-i18n": "^8.7.0", "vue-loader": "^15.7.0", "vue-ls": "^3.2.0", "vue-router": "^3.0.1", "vuex": "^3.1.0", "vue-print-nb-jeecg": "^1.0.12", "clipboard": "^2.0.4", "vue-photo-preview": "^1.1.3", "vue-splitpane": "^1.0.4", "vuedraggable": "^2.20.0", "codemirror": "^5.46.0", "@tinymce/tinymce-vue": "2.1.0", "tinymce": "5.4.1", "@toast-ui/editor": "^2.1.2", "vue-area-linkage": "^5.1.0", "china-area-data": "^5.0.1", "dom-align": "1.12.0", "xe-utils": "2.4.8", "vxe-table": "2.9.13", "vxe-table-plugin-antd": "1.8.10", "cron-parser": "^2.10.0", "qiankun": "^2.5.1", "xss": "^1.0.13" }, "devDependencies": { "@babel/polyfill": "^7.2.5", "@vue/cli-plugin-babel": "^3.3.0", "@vue/cli-plugin-eslint": "^3.3.0", "@vue/cli-service": "^3.3.0", "@vue/eslint-config-standard": "^4.0.0", "babel-eslint": "7.2.3", "eslint": "^5.16.0", "eslint-plugin-vue": "^5.1.0", "less": "^3.9.0", "less-loader": "^4.1.0", "vue-template-compiler": "^2.6.10", "html-webpack-plugin": "^4.2.0", "compression-webpack-plugin": "^3.1.0" }, "eslintConfig": { "root"

filetype

D:\project\lp_leapcloud_main_web\src\components\Charts\LpCharts.vue 2:22 warning Attribute ":ref" should go before "class" vue/attributes-order 2:22 warning ':ref' should be on a new line vue/max-attributes-per-line 2:33 warning Require self-closing on HTML elements (
) vue/html-self-closing 79:5 warning Prop "unit" should define at least its type vue/require-prop-types 104:5 warning Prop 'chartOption' requires default value to be set vue/require-default-prop 143:3 warning The "components" property should be above the "props" property on line 16 vue/order-in-components 154:3 error The `beforeDestroy` lifecycle hook is deprecated. Use `beforeUnmount` instead vue/no-deprecated-destroyed-lifecycle 162:3 error The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead vue/no-deprecated-destroyed-lifecycle ✖ 8 problems (2 errors, 6 warnings) 2 errors and 4 warnings potentially fixable with the `--fix` option. 18:53:51 [vite] warning: D:\project\lp_leapcloud_main_web\src\components\Fault\FaultCase.vue 2:1 warning Expected indentation of 2 spaces but found 4 spaces vue/html-indent 3:1 warning Expected indentation of 4 spaces but found 8 spaces vue/html-indent 3:39 warning 'width' should be on a new line vue/max-attributes-per-line 3:51 warning ':title' should be on a new line vue/max-attributes-per-line 3:66 warning ':before-close' should be on a new line vue/max-attributes-per-line 3:94 warning 'destroy-on-close' should be on a new line vue/max-attributes-per-line 4:1 warning Expected indentation of 6 spaces but found 12 spaces vue/html-indent 4:45 warning 'label-width' should be on a new line vue/max-attributes-per-line 4:65 warning ':model' should be on a new line vue/max-attributes-per-line 4:84 warning Attribute "ref" should go before ":model" vue/attributes-order 4:84 warning 'ref' should be on a new line vue/max-attributes-per-line 4:100 warning ':rules' should be on a new line vue/max-attributes-per-line 5:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 6:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 6:26 warning Expected 1 space after '{{', but not found vue/mustache-interpolation-spacing 6:77 warning Expected 1 space before '}}', but not found vue/mustache-interpolation-spacing 7:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 8:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 9:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 10:1 warning Expected indentation of 12 spaces but found 24 spaces vue/html-indent 10:47 warning Require self-closing on Vue.js custom components (<el-radio>) vue/html-self-closing 11:1 warning Expected indentation of 12 spaces but found 24 spaces vue/html-indent 11:47 warning Require self-closing on Vue.js custom components (<el-radio>) vue/html-self-closing 12:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 13:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 14:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 14:43 warning 'prop' should be on a new line vue/max-attributes-per-line 15:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 15:43 warning Attribute "v-model" should go before "type" vue/attributes-order 15:43 warning 'v-model' should be on a new line vue/max-attributes-per-line 15:52 error Unexpected mutation of "faultForm" prop vue/no-mutating-props 15:73 warning 'maxLength' should be on a new line vue/max-attributes-per-line 15:73 warning Attribute 'maxLength' must be hyphenated vue/attribute-hyphenation 15:83 warning Expected to be enclosed by double quotes vue/html-quotes 15:88 warning 'placeholder' should be on a new line vue/max-attributes-per-line 15:109 warning Require self-closing on Vue.js custom components (<el-input>) vue/html-self-closing 16:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 17:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 17:44 warning 'prop' should be on a new line vue/max-attributes-per-line 18:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 18:47 warning Attribute "v-model" should go before "type" vue/attributes-order 18:47 warning 'v-model' should be on a new line vue/max-attributes-per-line 18:56 error Unexpected mutation of "faultForm" prop vue/no-mutating-props 18:76 warning 'placeholder' should be on a new line vue/max-attributes-per-line 18:98 warning 'maxlength' should be on a new line vue/max-attributes-per-line 18:115 warning Require self-closing on Vue.js custom components (<el-input>) vue/html-self-closing 19:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 20:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 20:44 warning 'prop' should be on a new line vue/max-attributes-per-line 21:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 21:47 warning Attribute "v-model" should go before "type" vue/attributes-order 21:47 warning 'v-model' should be on a new line vue/max-attributes-per-line 21:56 error Unexpected mutation of "faultForm" prop vue/no-mutating-props 21:74 warning 'placeholder' should be on a new line vue/max-attributes-per-line 21:96 warning 'maxlength' should be on a new line vue/max-attributes-per-line 21:113 warning Require self-closing on Vue.js custom components (<el-input>) vue/html-self-closing 22:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 23:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 24:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 24:44 warning '@click' should be on a new line vue/max-attributes-per-line 24:66 warning Expected 1 line break after opening tag (`<el-button>`), but no line breaks found vue/singleline-html-element-content-newline 24:68 warning Expected 1 line break before closing tag (`</el-button>`), but no line breaks found vue/singleline-html-element-content-newline 25:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 25:47 warning '@click' should be on a new line vue/max-attributes-per-line 25:67 warning Expected 1 line break after opening tag (`<el-button>`), but no line breaks found vue/singleline-html-element-content-newline 25:69 warning Expected 1 line break before closing tag (`</el-button>`), but no line breaks found vue/singleline-html-element-content-newline 26:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 27:1 warning Expected indentation of 6 spaces but found 12 spaces vue/html-indent 28:1 warning Expected indentation of 4 spaces but found 8 spaces vue/html-indent 29:1 warning Expected indentation of 2 spaces but found 4 spaces vue/html-indent 38:9 warning Prop 'title' requires default value to be set vue/require-default-prop 39:9 warning Prop 'faultForm' requires default value to be set vue/require-default-prop 51:9 warning Prop 'parentFunc' requires default value to be set vue/require-default-prop 99:24 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 122:44 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 127:44 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 136:48 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 140:48 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 148:48 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 152:48 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 164:5 warning The "destroyed" property should be above the "methods" property on line 97 vue/order-in-components 164:5 error The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead vue/no-deprecated-destroyed-lifecycle ✖ 82 problems (4 errors, 78 warnings) 1 error and 56 warnings potentially fixable with the `--fix` option. Plugin: vite-plugin-eslint File: D:/project/lp_leapcloud_main_web/src/components/Fault/FaultCase.vue D:\project\lp_leapcloud_main_web\src\components\Fault\FaultCase.vue 2:1 warning Expected indentation of 2 spaces but found 4 spaces vue/html-indent 3:1 warning Expected indentation of 4 spaces but found 8 spaces vue/html-indent 3:39 warning 'width' should be on a new line vue/max-attributes-per-line 3:51 warning ':title' should be on a new line vue/max-attributes-per-line 3:66 warning ':before-close' should be on a new line vue/max-attributes-per-line 3:94 warning 'destroy-on-close' should be on a new line vue/max-attributes-per-line 4:1 warning Expected indentation of 6 spaces but found 12 spaces vue/html-indent 4:45 warning 'label-width' should be on a new line vue/max-attributes-per-line 4:65 warning ':model' should be on a new line vue/max-attributes-per-line 4:84 warning Attribute "ref" should go before ":model" vue/attributes-order 4:84 warning 'ref' should be on a new line vue/max-attributes-per-line 4:100 warning ':rules' should be on a new line vue/max-attributes-per-line 5:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 6:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 6:26 warning Expected 1 space after '{{', but not found vue/mustache-interpolation-spacing 6:77 warning Expected 1 space before '}}', but not found vue/mustache-interpolation-spacing 7:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 8:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 9:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 10:1 warning Expected indentation of 12 spaces but found 24 spaces vue/html-indent 10:47 warning Require self-closing on Vue.js custom components (<el-radio>) vue/html-self-closing 11:1 warning Expected indentation of 12 spaces but found 24 spaces vue/html-indent 11:47 warning Require self-closing on Vue.js custom components (<el-radio>) vue/html-self-closing 12:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 13:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 14:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 14:43 warning 'prop' should be on a new line vue/max-attributes-per-line 15:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 15:43 warning Attribute "v-model" should go before "type" vue/attributes-order 15:43 warning 'v-model' should be on a new line vue/max-attributes-per-line 15:52 error Unexpected mutation of "faultForm" prop vue/no-mutating-props 15:73 warning 'maxLength' should be on a new line vue/max-attributes-per-line 15:73 warning Attribute 'maxLength' must be hyphenated vue/attribute-hyphenation 15:83 warning Expected to be enclosed by double quotes vue/html-quotes 15:88 warning 'placeholder' should be on a new line vue/max-attributes-per-line 15:109 warning Require self-closing on Vue.js custom components (<el-input>) vue/html-self-closing 16:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 17:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 17:44 warning 'prop' should be on a new line vue/max-attributes-per-line 18:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 18:47 warning Attribute "v-model" should go before "type" vue/attributes-order 18:47 warning 'v-model' should be on a new line vue/max-attributes-per-line 18:56 error Unexpected mutation of "faultForm" prop vue/no-mutating-props 18:76 warning 'placeholder' should be on a new line vue/max-attributes-per-line 18:98 warning 'maxlength' should be on a new line vue/max-attributes-per-line 18:115 warning Require self-closing on Vue.js custom components (<el-input>) vue/html-self-closing 19:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 20:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 20:44 warning 'prop' should be on a new line vue/max-attributes-per-line 21:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 21:47 warning Attribute "v-model" should go before "type" vue/attributes-order 21:47 warning 'v-model' should be on a new line vue/max-attributes-per-line 21:56 error Unexpected mutation of "faultForm" prop vue/no-mutating-props 21:74 warning 'placeholder' should be on a new line vue/max-attributes-per-line 21:96 warning 'maxlength' should be on a new line vue/max-attributes-per-line 21:113 warning Require self-closing on Vue.js custom components (<el-input>) vue/html-self-closing 22:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 23:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 24:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 24:44 warning '@click' should be on a new line vue/max-attributes-per-line 24:66 warning Expected 1 line break after opening tag (`<el-button>`), but no line breaks found vue/singleline-html-element-content-newline 24:68 warning Expected 1 line break before closing tag (`</el-button>`), but no line breaks found vue/singleline-html-element-content-newline 25:1 warning Expected indentation of 10 spaces but found 20 spaces vue/html-indent 25:47 warning '@click' should be on a new line vue/max-attributes-per-line 25:67 warning Expected 1 line break after opening tag (`<el-button>`), but no line breaks found vue/singleline-html-element-content-newline 25:69 warning Expected 1 line break before closing tag (`</el-button>`), but no line breaks found vue/singleline-html-element-content-newline 26:1 warning Expected indentation of 8 spaces but found 16 spaces vue/html-indent 27:1 warning Expected indentation of 6 spaces but found 12 spaces vue/html-indent 28:1 warning Expected indentation of 4 spaces but found 8 spaces vue/html-indent 29:1 warning Expected indentation of 2 spaces but found 4 spaces vue/html-indent 38:9 warning Prop 'title' requires default value to be set vue/require-default-prop 39:9 warning Prop 'faultForm' requires default value to be set vue/require-default-prop 51:9 warning Prop 'parentFunc' requires default value to be set vue/require-default-prop 99:24 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 122:44 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 127:44 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 136:48 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 140:48 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 148:48 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 152:48 warning The "update:visible" event has been triggered but not declared on `emits` option vue/require-explicit-emits 164:5 warning The "destroyed" property should be above the "methods" property on line 97 vue/order-in-components 164:5 error The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead vue/no-deprecated-destroyed-lifecycle ✖ 82 problems (4 errors, 78 warnings) 1 error and 56 warnings potentially fixable with the `--fix` option. 18:53:51 [vite] warning: D:\project\lp_leapcloud_main_web\src\components\CarSearch\CommChartHeader.vue 8:17 warning Attribute ':isClearable' must be hyphenated vue/attribute-hyphenation 8:44 warning ':carType.sync' should be on a new line vue/max-attributes-per-line 8:44 warning Attribute ':carType.sync' must be hyphenated vue/attribute-hyphenation 8:44 error '.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead vue/no-deprecated-v-bind-sync 8:82 warning 'isNormal' should be on a new line vue/max-attributes-per-line 8:82 warning Attribute 'isNormal' must be hyphenated vue/attribute-hyphenation 8:91 warning 'style' should be on a new line vue/max-attributes-per-line 8:117 warning Require self-closing on Vue.js custom components (<car-type>) vue/html-self-closing 9:43 warning Attribute "v-model" should go before "class" vue/attributes-order 9:43 warning 'v-model' should be on a new line vue/max-attributes-per-line 9:80 warning 'align' should be on a new line vue/max-attributes-per-line 9:94 warning 'type' should be on a new line vue/max-attributes-per-line 9:106 warning 'placeholder' should be on a new line vue/max-attributes-per-line 9:129 warning ':picker-options' should be on a new line vue/max-attributes-per-line 9:161 warning Require self-closing on Vue.js custom components (<el-date-picker>) vue/html-self-closing 10:50 warning 'class' should be on a new line vue/max-attributes-per-line 10:81 warning ':vinOrNum.sync' should be on a new line vue/max-attributes-per-line 10:81 warning Attribute ':vinOrNum.sync' must be hyphenated vue/attribute-hyphenation 10:81 error '.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead vue/no-deprecated-v-bind-sync 10:117 warning ':multiple' should be on a new line vue/max-attributes-per-line 10:134 warning ':carType' should be on a new line vue/max-attributes-per-line 10:134 warning Attribute ':carType' must be hyphenated vue/attribute-hyphenation 10:167 warning Require self-closing on Vue.js custom components (<car-select>) vue/html-self-closing 11:18 warning Attribute ':componentData' must be hyphenated vue/attribute-hyphenation 11:49 warning Require self-closing on Vue.js custom components (<car-miles>) vue/html-self-closing 12:33 warning '@click' should be on a new line vue/max-attributes-per-line 12:48 warning Expected 1 line break after opening tag (`<el-button>`), but no line breaks found vue/singleline-html-element-content-newline 12:50 warning Expected 1 line break before closing tag (`</el-button>`), but no line breaks found vue/singleline-html-element-content-newline 23:5 warning Prop 'onOk' requires default value to be set vue/require-default-prop 26:5 warning Prop 'carType' requires default value to be set vue/require-default-prop 36:3 warning The "data" property should be above the "mounted" property on line 33 vue/order-in-components 54:3 warning The "components" property should be above the "props" property on line 22 vue/order-in-components 55:5 error The "LpArea" component has been registered but not used vue/no-unused-components ✖ 33 problems (3 errors, 30 warnings) 2 errors and 17 warnings potentially fixable with the `--fix` option. Plugin: vite-plugin-eslint File: D:/project/lp_leapcloud_main_web/src/components/CarSearch/CommChartHeader.vue D:\project\lp_leapcloud_main_web\src\components\CarSearch\CommChartHeader.vue 8:17 warning Attribute ':isClearable' must be hyphenated vue/attribute-hyphenation 8:44 warning ':carType.sync' should be on a new line vue/max-attributes-per-line 8:44 warning Attribute ':carType.sync' must be hyphenated vue/attribute-hyphenation 8:44 error '.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead vue/no-deprecated-v-bind-sync 8:82 warning 'isNormal' should be on a new line vue/max-attributes-per-line 8:82 warning Attribute 'isNormal' must be hyphenated vue/attribute-hyphenation 8:91 warning 'style' should be on a new line vue/max-attributes-per-line 8:117 warning Require self-closing on Vue.js custom components (<car-type>) vue/html-self-closing 9:43 warning Attribute "v-model" should go before "class" vue/attributes-order 9:43 warning 'v-model' should be on a new line vue/max-attributes-per-line 9:80 warning 'align' should be on a new line vue/max-attributes-per-line 9:94 warning 'type' should be on a new line vue/max-attributes-per-line 9:106 warning 'placeholder' should be on a new line vue/max-attributes-per-line 9:129 warning ':picker-options' should be on a new line vue/max-attributes-per-line 9:161 warning Require self-closing on Vue.js custom components (<el-date-picker>) vue/html-self-closing 10:50 warning 'class' should be on a new line vue/max-attributes-per-line 10:81 warning ':vinOrNum.sync' should be on a new line vue/max-attributes-per-line 10:81 warning Attribute ':vinOrNum.sync' must be hyphenated vue/attribute-hyphenation 10:81 error '.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead vue/no-deprecated-v-bind-sync 10:117 warning ':multiple' should be on a new line vue/max-attributes-per-line 10:134 warning ':carType' should be on a new line vue/max-attributes-per-line 10:134 warning Attribute ':carType' must be hyphenated vue/attribute-hyphenation 10:167 warning Require self-closing on Vue.js custom components (<car-select>) vue/html-self-closing 11:18 warning Attribute ':componentData' must be hyphenated vue/attribute-hyphenation 11:49 warning Require self-closing on Vue.js custom components (<car-miles>) vue/html-self-closing 12:33 warning '@click' should be on a new line vue/max-attributes-per-line 12:48 warning Expected 1 line break after opening tag (`<el-button>`), but no line breaks found vue/singleline-html-element-content-newline 12:50 warning Expected 1 line break before closing tag (`</el-button>`), but no line breaks found vue/singleline-html-element-content-newline 23:5 warning Prop 'onOk' requires default value to be set vue/require-default-prop 26:5 warning Prop 'carType' requires default value to be set vue/require-default-prop 36:3 warning The "data" property should be above the "mounted" property on line 33 vue/order-in-components 54:3 warning The "components" property should be above the "props" property on line 22 vue/order-in-components 55:5 error The "LpArea" component has been registered but not used vue/no-unused-components ✖ 33 problems (3 errors, 30 warnings) 2 errors and 17 warnings potentially fixable with the `--fix` option. 18:53:52 [vite] warning: D:\project\lp_leapcloud_main_web\src\App.vue 2:1 warning Expected indentation of 2 spaces but found 4 spaces vue/html-indent 3:1 warning Expected indentation of 4 spaces but found 8 spaces vue/html-indent 3:22 warning Require self-closing on Vue.js custom components (<router-view>) vue/html-self-closing 4:1 warning Expected indentation of 2 spaces but found 4 spaces vue/html-indent ✖ 4 problems (0 errors, 4 warnings) 0 errors and 4 warnings potentially fixable with the `--fix` option. Plugin: vite-plugin-eslint File: D:/project/lp_leapcloud_main_web/src/App.vue?vue&type=style&index=0&lang.css 是不是vue2不应该迁移vite

filetype

{ "name": "vue-admin-template", "version": "4.4.0", "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint", "author": "Pan <[email protected]>", "scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode staging", "preview": "node build/index.js --preview", "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml", "lint": "eslint --ext .js,.vue src", "test:unit": "jest --clearCache && vue-cli-service test:unit", "test:ci": "npm run lint && npm run test:unit" }, "dependencies": { "axios": "0.18.1", "core-js": "3.6.5", "element-ui": "2.13.2", "js-cookie": "2.2.0", "normalize.css": "7.0.0", "nprogress": "0.2.0", "path-to-regexp": "2.4.0", "vue": "2.6.10", "vue-router": "3.0.6", "vuex": "3.1.0" }, "devDependencies": { "@vue/cli-plugin-babel": "4.4.4", "@vue/cli-plugin-eslint": "4.4.4", "@vue/cli-plugin-unit-jest": "4.4.4", "@vue/cli-service": "4.4.4", "@vue/test-utils": "1.0.0-beta.29", "autoprefixer": "9.5.1", "babel-eslint": "10.1.0", "babel-jest": "23.6.0", "babel-plugin-dynamic-import-node": "2.3.3", "chalk": "2.4.2", "connect": "3.6.6", "eslint": "6.7.2", "eslint-plugin-vue": "6.2.2", "html-webpack-plugin": "3.2.0", "mockjs": "1.0.1-beta3", "runjs": "4.3.2", "sass": "1.26.8", "sass-loader": "8.0.2", "script-ext-html-webpack-plugin": "2.1.3", "serve-static": "1.13.2", "svg-sprite-loader": "4.1.3", "svgo": "1.2.2", "vue-template-compiler": "2.6.10" }, "browserslist": [ "> 1%", "last 2 versions" ], "engines": { "node": ">=8.9", "npm": ">= 3.0.0" }, "license": "MIT" }

filetype

PS D:\My JAVA\苍穹外卖\前端源码\苍穹外卖前端源码\project-sky-admin-vue-ts> npm list vue [email protected] D:\My JAVA\苍穹外卖\前端源码\苍穹外卖前端源码\project-sky-admin-vue-ts └── (empty) PS D:\My JAVA\苍穹外卖\前端源码\苍穹外卖前端源码\project-sky-admin-vue-ts> npm list vue-area-linkage [email protected] D:\My JAVA\苍穹外卖\前端源码\苍穹外卖前端源码\project-sky-admin-vue-ts └── (empty) { "name": "vue-typescript-admin-template", "version": "0.1.0", "private": true, "author": "Chong Guo <[email protected]>", "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "build:uat": "vue-cli-service build --mode production.uat", "lint": "vue-cli-service lint", "svg": "vsvg -s ./src/icons/svg -t ./src/icons/components --ext ts --es6", "test:e2e": "vue-cli-service test:e2e", "test:unit": "vue-cli-service test:unit" }, "dependencies": { "@types/echarts": "^4.4.6", "@types/webpack": "^4.41.12", "area-data": "^5.0.6", "axios": "^0.19.0", "echarts": "^5.3.2", "element-ui": "^2.12.0", "js-cookie": "^2.2.1", "md5": "^2.3.0", "moment": "^2.24.0", "normalize.css": "^8.0.1", "nprogress": "^0.2.0", "path-to-regexp": "^3.0.0", "register-service-worker": "^1.6.2", "vue": "^2.6.10", "vue-area-linkage": "^5.1.0", "vue-class-component": "^7.1.0", "vue-property-decorator": "^8.2.2", "vue-router": "^3.1.2", "vue-svgicon": "^3.2.6", "vuex": "^3.1.1", "vuex-class": "^0.3.2", "vuex-module-decorators": "^0.10.1", "vuex-persistedstate": "^2.7.0" }, "devDependencies": { "@types/jest": "^24.0.18", "@types/js-cookie": "^2.2.2", "@types/nprogress": "^0.2.0", "@types/webpack-env": "^1.14.0", "@vue/cli-plugin-babel": "^3.11.0", "@vue/cli-plugin-e2e-cypress": "^3.11.0", "@vue/cli-plugin-eslint": "^3.11.0", "@vue/cli-plugin-pwa": "^3.11.0", "@vue/cli-plugin-typescript": "^3.11.0", "@vue/cli-plugin-unit-jest": "^3.11.0", "@vue/cli-service": "^3.11.0", "@vue/eslint-config-standard": "^4.0.0", "@vue/eslint-config-typescript": "^4.0.0", "@vue/test-utils": "^1.0.0-beta.29", "babel-core": "^7.0.0-bridge.0", "babel-eslint": "^10.0.3", "eslint": "^6.2.2", "eslint-plugin-vue": "^5.2.3", "fibers": "^4.0.2", "jest": "^24.9.0", "sass": "^1.22.10", "sass-loader": "^7.3.1", "style-resources-loader": "^1.2.1", "ts-jest": "^24.0.2", "typescript": "3.6.2", "vue-cli-plugin-element": "^1.0.1", "vue-cli-plugin-style-resources-loader": "^0.1.3", "vue-template-compiler": "^2.6.10", "webpack": "^4.39.3" } }

filetype

{ "name": "ktg-mes-ui", "version": "3.8.2", "description": "苦糖果MES", "author": "YinJinLu", "license": "MIT", "scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode staging", "preview": "node build/index.js --preview", "lint": "eslint --ext .js,.vue src" }, "husky": { "hooks": { "pre-commit": "lint-staged" } }, "lint-staged": { "src/**/*.{js,vue}": [ "eslint --fix", "git add" ] }, "keywords": [ "vue", "admin", "dashboard", "element-ui", "boilerplate", "admin-template", "management-system" ], "repository": { "type": "git", "url": "https://gitee.com/kutangguo/ktg-mes-ui.git" }, "dependencies": { "@dhtmlx/gantt-vue": "^1.0.0", "@riophae/vue-treeselect": "0.4.0", "axios": "0.24.0", "clipboard": "2.0.8", "core-js": "^3.21.1", "dhtmlx-gantt": "^7.1.11", "echarts": "4.9.0", "element-ui": "2.15.6", "file-saver": "2.0.5", "fuse.js": "6.4.3", "highlight.js": "9.18.5", "html2canvas": "^1.4.1", "js-beautify": "1.13.0", "js-cookie": "3.0.1", "jsencrypt": "3.0.0-rc.1", "nprogress": "0.2.0", "quill": "1.3.7", "screenfull": "5.0.2", "sortablejs": "1.10.2", "vue": "2.6.12", "vue-count-to": "1.0.13", "vue-cropper": "0.5.5", "vue-meta": "2.4.0", "vue-plugin-hiprint": "0.0.60", "vue-router": "3.4.9", "vuedraggable": "2.24.3", "vuex": "3.6.0" }, "devDependencies": { "@vue/cli-plugin-babel": "4.4.6", "@vue/cli-plugin-eslint": "4.4.6", "@vue/cli-service": "4.4.6", "babel-eslint": "10.1.0", "babel-plugin-dynamic-import-node": "2.3.3", "chalk": "4.1.0", "compression-webpack-plugin": "5.0.2", "connect": "3.6.6", "eslint": "7.15.0", "eslint-plugin-vue": "7.2.0", "html-webpack-plugin": "^5.5.0", "less": "^4.2.0", "less-loader": "^11.1.3", "lint-staged": "10.5.3", "runjs": "4.4.2", "sass": "1.32.13", "sass-loader": "10.1.1", "svg-sprite-loader": "5.1.1", "vue-loader": "^16.0.0", "vue-template-compiler": "2.6.12" }, "engines": { "node": ">=8.9", "npm": ">= 3.0.0" }, "browserslist": [ "> 1%", "last 2 versions" ] }

filetype

优化依赖{ "name": "wusuo", "version": "1.0.0", "description": "A Vue.js project", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" }, "dependencies": { "@jiaminghi/data-view": "^2.10.0", "animate.css": "^4.1.1", "ant-design-vue": "^1.7.8", "axios": "^0.27.2", "d3": "^3.5.17", "dom-to-image": "^2.6.0", "echarts": "^5.3.3", "echarts-gl": "^2.0.9", "echarts-wordcloud": "^2.1.0", "element-china-area-data": "^4.2.0", "element-ui": "^2.15.13", "file-saver": "^2.0.5", "jquery": "^3.6.0", "less": "^4.1.3", "less-loader": "^11.1.0", "lib-flexible": "^0.3.2", "moment": "^2.29.4", "px2rem-loader": "^0.1.9", "qrcodejs2": "0.0.2", "qs": "^6.11.2", "quill-image-resize-module": "^3.0.0", "sm-crypto": "^0.3.13", "tippy.js": "^6.3.7", "vue": "^2.6.14", "vue-count-to": "^1.0.13", "vue-cropper": "^0.6.4", "vue-pdf": "^4.3.0", "vue-quill-editor": "^3.0.6", "vue-router": "^3.5.4", "vue-seamless-scroll": "^1.1.23", "vue-tree-to-table": "^1.0.4", "vue-video-player": "^5.0.1", "vuex": "^3.6.2" }, "devDependencies": { "@babel/core": "^7.27.1", "@babel/plugin-proposal-object-rest-spread": "^7.20.7", "@babel/preset-env": "^7.27.2", "autoprefixer": "^7.1.2", "babel-core": "^6.26.3", "babel-helper-vue-jsx-merge-props": "^2.0.3", "babel-loader": "^10.0.0", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-runtime": "^6.23.0", "babel-plugin-transform-vue-jsx": "^3.7.0", "babel-preset-env": "^1.7.0", "babel-preset-stage-2": "^6.24.1", "chalk": "^2.4.2", "copy-webpack-plugin": "^4.6.0", "css-loader": "^0.28.11", "extract-text-webpack-plugin": "^3.0.2", "file-loader": "^1.1.11", "friendly-errors-webpack-plugin": "^1.7.0", "html-webpack-plugin": "^2.30.1", "node-notifier": "^5.4.5", "optimize-css-assets-webpack-plugin": "^3.2.1", "ora": "^3.4.0", "portfinder": "^1.0.28", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "rimraf": "^2.7.1", "semver": "^5.7.1", "shelljs": "^0.8.5", "style-loader": "^0.23.1", "uglifyjs-webpack-plugin": "^1.3.0", "url-loader": "^0.6.2", "vue-loader": "^15.10.1", "vue-style-loader": "^4.1.3", "vue-template-compiler": "^2.6.14", "webpack": "^3.12.0", "webpack-bundle-analyzer": "^2.13.1", "webpack-dev-server": "^2.11.5", "webpack-merge": "^4.2.2" }, "engines": { "node": ">= 8.0.0", "npm": ">= 5.0.0" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] }

filetype

{ "name": "ims-web-view", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test:unit": "vue-cli-service test:unit", "analyze": "cross-env ANALYZE=true vue-cli-service build", "build:dameng": "vue-cli-service build --mode dameng", "build:mofan": "vue-cli-service build --mode mofan", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode staging", "build:sxf": "vue-cli-service build --mode sxf", "build:uat": "vue-cli-service build --mode uat" }, "dependencies": { "@babel/runtime": "^7.25.7", "@fullcalendar/core": "^6.1.15", "@fullcalendar/daygrid": "^6.1.15", "@fullcalendar/interaction": "^6.1.15", "@fullcalendar/resource-timeline": "^6.1.15", "@fullcalendar/timegrid": "^6.1.15", "@fullcalendar/timeline": "^6.1.15", "@fullcalendar/vue": "^6.1.15", "@jiaminghi/data-view": "^2.10.0", "@riophae/vue-treeselect": "^0.4.0", "@sentry/tracing": "^7.118.0", "@sentry/vue": "^7.118.0", "@stomp/stompjs": "^7.0.0", "@tencentcloud/call-uikit-vue": "^4.0.7", "@tencentcloud/call-uikit-vue2": "^4.0.7", "@tencentcloud/chat-uikit-vue": "^2.5.1", "@vant/area-data": "^1.5.1", "alloyfinger": "^0.1.16", "awe-dnd": "^0.3.4", "axios": "^1.7.7", "core-js": "^3.38.1", "dayjs": "^1.11.13", "dhtmlx-gantt": "^8.0.10", "dom-to-image-hm": "^2.6.1", "dompurify": "^3.2.5", "echarts-wordcloud": "^2.1.0", "el-table-infinite-scroll": "^2.0.2", "element-resize-detector": "^1.2.4", "element-ui": "^2.15.14", "file-saver": "^2.0.5", "html2canvas": "^1.4.1", "jquery": "^3.7.1", "js-cookie": "^3.0.5", "js-md5": "^0.8.3", "jsencrypt": "^3.3.2", "jsonwebtoken": "^9.0.2", "jspdf": "^1.5.3", "jszip": "^3.10.1", "lodash": "^4.17.21", "moment": "^2.30.1", "node-forge": "^1.3.1", "normalize.css": "^8.0.1", "nprogress": "^0.2.0", "path-to-regexp": "^6.3.0", "posthog-js": "^1.230.4", "qrcodejs2": "0.0.2", "qs": "^6.13.0", "quill-image-extend-module": "^1.1.2", "recorder-core": "^1.2.23020100", "recordrtc": "^5.6.2", "save": "^2.4.0", "screenfull": "^6.0.2", "sm-crypto": "^0.3.13", "sortablejs": "^1.15.3", "svg-sprite-loader": "^6.0.11", "svgo": "^1.3.2", "swiper": "^5.4.5", "tim-upload-plugin": "^1.4.2", "trtc-sdk-v5": "^5.1.3", "turndown": "^7.2.0", "v-viewer": "^1.6.4", "vant": "^2.12.54", "vue": "^2.7.16", "vue-amap": "^0.5.10", "vue-awesome-swiper": "^4.1.1", "vue-bus": "^1.2.1", "vue-carousel": "^0.18.0", "vue-class-component": "^7.2.3", "vue-clipboard2": "^0.3.3", "vue-clock2": "^1.1.5", "vue-count-to": "^1.0.13", "vue-gallery": "^2.0.1", "vue-i18n": "^8.28.1", "vue-js-toggle-button": "^1.3.3", "vue-markdown": "^2.2.4", "vue-orgchart": "^1.1.7", "vue-property-decorator": "^9.1.2", "vue-qr": "^2.3.0", "vue-quill-editor": "^3.0.6", "vue-router": "^3.6.5", "vue-splitpane": "^1.0.6", "vue-wordcloud": "^1.1.1", "vue2-org-tree": "^1.3.6", "vuex": "^3.6.2", "vxe-table": "^3.11.14", "vxe-table-plugin-export-xlsx": "^2.2.1", "vxe-utils": "^1.9.3", "wangeditor": "^4.7.15", "xe-ajax": "^4.0.3", "xe-utils": "^3.4.0", "xlsx": "^0.18.5" }, "devDependencies": { "@babel/plugin-transform-runtime": "^7.25.7", "@riophae/vue-treeselect": "^0.4.0", "@types/chai": "^4.2.15", "@types/mocha": "^8.2.1", "@types/node": "^16.18.108", "@vue/cli-plugin-babel": "^5.0.8", "@vue/cli-plugin-router": "^5.0.8", "@vue/cli-plugin-typescript": "~5.0.0", "@vue/cli-plugin-unit-mocha": "^5.0.8", "@vue/cli-plugin-vuex": "^5.0.8", "@vue/cli-service": "^5.0.8", "@vue/preload-webpack-plugin": "^2.0.0", "@vue/test-utils": "^1.3.6", "awe-dnd": "^0.3.4", "babel-plugin-component": "^1.1.1", "babel-plugin-import": "^1.13.8", "buffer": "^6.0.3", "chai": "^4.5.0", "compression-webpack-plugin": "^11.1.0", "cross-env": "^7.0.3", "crypto-browserify": "^3.12.1", "css-loader": "^7.1.2", "cssnano": "^7.0.6", "dom-to-image-hm": "^2.6.1", "echarts": "^5.5.1", "file-loader": "^6.2.0", "https-browserify": "^1.0.0", "less": "^4.2.0", "less-loader": "^12.2.0", "lodash": "^4.17.21", "mini-css-extract-plugin": "^2.9.1", "os-browserify": "^0.3.0", "path-browserify": "^1.0.1", "process": "^0.11.10", "sass": "^1.79.4", "sass-loader": "^16.0.2", "sockjs-client": "^1.6.1", "stream-browserify": "^3.0.0", "stream-http": "^3.2.0", "string-replace-loader": "^3.2.0", "terser-webpack-plugin": "^5.3.10", "timers-browserify": "^2.0.12", "typescript": "~4.5.5", "url": "^0.11.4", "url-loader": "^4.1.1", "util": "^0.12.5", "vm-browserify": "^1.1.2", "vue-amap": "^0.5.10", "vue-style-loader": "^4.1.3", "vue-template-compiler": "^2.7.16", "webpack-bundle-analyzer": "^4.10.2" }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] } 那个是我的node版本这是package.json 文件

filetype

请检查 package.json 中的依赖版本,确保其支持 Node.js 17+ 和 OpenSSL 3.0。{ "name": "vue-element-admin", "version": "4.3.1", "description": "A magical vue admin. An out-of-box UI solution for enterprise applications. Newest development stack of vue. Lots of awesome features", "author": "Pan <[email protected]>", "scripts": { "dev": "vue-cli-service serve", "lint": "eslint --ext .js,.vue src", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode staging", "preview": "node build/index.js --preview", "new": "plop", "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml", "test:unit": "jest --clearCache && vue-cli-service test:unit", "test:ci": "npm run lint && npm run test:unit" }, "dependencies": { "axios": "0.18.1", "clipboard": "2.0.4", "codemirror": "5.45.0", "core-js": "3.6.5", "driver.js": "0.9.5", "dropzone": "5.5.1", "echarts": "4.2.1", "element-ui": "2.13.2", "file-saver": "2.0.1", "fuse.js": "3.4.4", "js-cookie": "2.2.0", "jsonlint": "1.6.3", "jszip": "3.2.1", "normalize.css": "7.0.0", "nprogress": "0.2.0", "path-to-regexp": "2.4.0", "pinyin": "2.9.0", "screenfull": "4.2.0", "script-loader": "0.7.2", "sortablejs": "1.8.4", "tui-editor": "1.3.3", "vue": "2.6.10", "vue-count-to": "1.0.13", "vue-i18n": "7.3.2", "vue-router": "3.0.2", "vue-splitpane": "1.0.4", "vuedraggable": "2.20.0", "vuex": "3.1.0", "xlsx": "0.14.1" }, "devDependencies": { "@vue/cli-plugin-babel": "4.4.4", "@vue/cli-plugin-eslint": "4.4.4", "@vue/cli-plugin-unit-jest": "4.4.4", "@vue/cli-service": "4.4.4", "@vue/test-utils": "1.0.0-beta.29", "autoprefixer": "9.5.1", "babel-eslint": "10.1.0", "babel-jest": "23.6.0", "babel-plugin-dynamic-import-node": "2.3.3", "chalk": "2.4.2", "chokidar": "2.1.5", "connect": "3.6.6", "eslint": "6.7.2", "eslint-plugin-vue": "6.2.2", "html-webpack-plugin": "3.2.0", "husky": "1.3.1", "lint-staged": "8.1.5", "mockjs": "1.0.1-beta3", "plop": "2.3.0", "runjs": "4.3.2", "sass": "1.26.2", "sass-loader": "8.0.2", "script-ext-html-webpack-plugin": "2.1.3", "serve-static": "1.13.2", "svg-sprite-loader": "4.1.3", "svgo": "1.2.0", "vue-template-compiler": "2.6.10" }, "browserslist": [ "> 1%", "last 2 versions" ], "bugs": { "url": "https://github.com/PanJiaChen/vue-element-admin/issues" }, "engines": { "node": ">=8.9", "npm": ">= 3.0.0" }, "keywords": [ "vue", "admin", "dashboard", "element-ui", "boilerplate", "admin-template", "management-system" ], "license": "MIT", "lint-staged": { "src/**/*.{js,vue}": [ "eslint --fix", "git add" ] }, "husky": { "hooks": { "pre-commit": "lint-staged" } }, "repository": { "type": "git", "url": "git+https://github.com/PanJiaChen/vue-element-admin.git" } }

filetype

请检查一下文件 package.json 中的依赖版本,确保其支持 Node.js 18+ 和 OpenSSL 3.0;{ "name": "vue-element-admin", "version": "4.3.1", "description": "A magical vue admin. An out-of-box UI solution for enterprise applications. Newest development stack of vue. Lots of awesome features", "author": "Pan <[email protected]>", "scripts": { "dev": "vue-cli-service serve", "lint": "eslint --ext .js,.vue src", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode staging", "preview": "node build/index.js --preview", "new": "plop", "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml", "test:unit": "jest --clearCache && vue-cli-service test:unit", "test:ci": "npm run lint && npm run test:unit" }, "dependencies": { "axios": "0.18.1", "clipboard": "2.0.4", "codemirror": "5.45.0", "core-js": "3.6.5", "driver.js": "0.9.5", "dropzone": "5.5.1", "echarts": "4.2.1", "element-ui": "2.13.2", "file-saver": "2.0.1", "fuse.js": "3.4.4", "js-cookie": "2.2.0", "jsonlint": "1.6.3", "jszip": "3.2.1", "normalize.css": "7.0.0", "nprogress": "0.2.0", "path-to-regexp": "2.4.0", "pinyin": "2.9.0", "screenfull": "4.2.0", "script-loader": "0.7.2", "sortablejs": "1.8.4", "tui-editor": "1.3.3", "vue": "2.6.10", "vue-count-to": "1.0.13", "vue-i18n": "7.3.2", "vue-router": "3.0.2", "vue-splitpane": "1.0.4", "vuedraggable": "2.20.0", "vuex": "3.1.0", "xlsx": "0.14.1" }, "devDependencies": { "@vue/cli-plugin-babel": "4.4.4", "@vue/cli-plugin-eslint": "4.4.4", "@vue/cli-plugin-unit-jest": "4.4.4", "@vue/cli-service": "4.4.4", "@vue/test-utils": "1.0.0-beta.29", "autoprefixer": "9.5.1", "babel-eslint": "10.1.0", "babel-jest": "23.6.0", "babel-plugin-dynamic-import-node": "2.3.3", "chalk": "2.4.2", "chokidar": "2.1.5", "connect": "3.6.6", "eslint": "6.7.2", "eslint-plugin-vue": "6.2.2", "html-webpack-plugin": "3.2.0", "husky": "1.3.1", "lint-staged": "8.1.5", "mockjs": "1.0.1-beta3", "plop": "2.3.0", "runjs": "4.3.2", "sass": "1.26.2", "sass-loader": "8.0.2", "script-ext-html-webpack-plugin": "2.1.3", "serve-static": "1.13.2", "svg-sprite-loader": "4.1.3", "svgo": "1.2.0", "vue-template-compiler": "2.6.10" }, "browserslist": [ "> 1%", "last 2 versions" ], "bugs": { "url": "https://github.com/PanJiaChen/vue-element-admin/issues" }, "engines": { "node": ">=8.9", "npm": ">= 3.0.0" }, "keywords": [ "vue", "admin", "dashboard", "element-ui", "boilerplate", "admin-template", "management-system" ], "license": "MIT", "lint-staged": { "src/**/*.{js,vue}": [ "eslint --fix", "git add" ] }, "husky": { "hooks": { "pre-commit": "lint-staged" } }, "repository": { "type": "git", "url": "git+https://github.com/PanJiaChen/vue-element-admin.git" } }

filetype
filetype
filetype

请你阅读我的vue项目的package.json文件,你认为该项目集成electron最好使用哪个版本比较稳定且好下载呢? { "name": "vms", "version": "1.7.8", "private": true, "scripts": { "serve": "cross-env vue-cli-service serve --type=local --model=single --access=normal", "serve:software": "cross-env vue-cli-service serve --type=local --model=single --access=normal --env=software", "serve:mock": "cross-env vue-cli-service serve --type=local --model=single --access=normal --env=mock", "serve:cloud": "cross-env vue-cli-service serve --type=cloud --model=single --access=normal", "build": "cross-env vue-cli-service build --type=local --model=single --access=normal --env=prd", "build:cloud": "cross-env vue-cli-service build --type=cloud --model=single --access=normal", "build:prd": "cross-env vue-cli-service build --type=cloud --model=single --access=normal --env=prd", "test:unit": "vue-cli-service test:unit", "prepare": "husky install", "lint": "vue-cli-service lint", "lint:staged": "lint-staged -c ./.husky/lint-staged.config.js", "sonar": "sonar-scanner" }, "dependencies": { "@antv/g2plot": "^2.4.31", "@fe/arch-player": "1.4.31", "@fe/canvas-timeline": "4.0.0-alpha-0.0.37", "@mapbox/mapbox-gl-geocoder": "^5.0.2", "@mapbox/mapbox-sdk": "^0.15.1", "@paypal/paypal-js": "^5.1.1", "@stripe/stripe-js": "^1.18.0", "@turf/bbox": "^7.0.0", "@vueuse/core": "^9.1.0", "ant-design-vue": "^3.2.13", "await-to-js": "^3.0.0", "axios": "^1.4.0", "browser-image-compression": "^2.0.2", "copy-to-clipboard": "^3.3.1", "core-js": "^3.6.5", "crypto-js": "^4.1.1", "docx": "^9.1.1", "echarts": "^5.3.2", "exceljs": "^4.4.0", "file-saver": "^2.0.5", "html2pdf.js": "^0.10.2", "js-base64": "^3.7.5", "js-md5": "^0.7.3", "jsencrypt": "^3.3.0", "jspdf": "^2.5.2", "jspdf-autotable": "^3.8.4", "jszip": "^3.10.1", "konva": "^8.3.10", "mapbox-gl": "^2.15.0", "mitt": "^3.0.0", "moment": "^2.29.1", "moment-timezone": "^0.5.34", "node-polyfill-webpack-plugin": "^2.0.1", "node-rsa": "^1.1.1", "ol": "^7.3.0", "pdf-merger-js": "^5.1.2", "pdfobject": "^2.2.6", "pinia": "^2.0.23", "qrcode.vue": "^3.3.3", "qrcodejs2": "^0.0.2", "sockjs-client": "^1.5.2", "sonar-scanner": "^3.1.0", "sortablejs": "^1.15.0", "stompjs": "^2.3.3", "three": "^0.167.0", "vue": "^3.2.6", "vue-i18n": "9.1.10", "vue-router": "^4.0.11", "vue-virtual-scroller": "^2.0.0-beta.8", "vue3-clickout": "^1.1.0", "vuedraggable": "^4.1.0", "webworkify": "^1.5.0" }, "devDependencies": { "@babel/plugin-transform-class-static-block": "^7.26.0", "@commitlint/cli": "^17.1.2", "@commitlint/config-conventional": "^17.1.0", "@cyclonedx/webpack-plugin": "^3.17.0", "@peculiar/x509": "^1.12.3", "@types/crypto-js": "^4.1.1", "@types/file-saver": "^2.0.7", "@types/jest": "^24.0.19", "@types/lodash-es": "^4.17.4", "@types/mapbox__mapbox-gl-geocoder": "^4.7.3", "@types/mapbox__mapbox-sdk": "^0.13.4", "@types/mapbox-gl": "^2.7.11", "@types/node-rsa": "^1.1.1", "@types/sockjs-client": "^1.5.1", "@types/sortablejs": "^1.15.0", "@types/stompjs": "^2.3.5", "@types/three": "^0.165.0", "@typescript-eslint/eslint-plugin": "^5.4.0", "@typescript-eslint/parser": "^5.4.0", "@vue-leaflet/vue-leaflet": "^0.6.1", "@vue/babel-plugin-jsx": "^1.1.1", "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-plugin-router": "~5.0.0", "@vue/cli-plugin-typescript": "^5.0.0", "@vue/cli-plugin-unit-jest": "~5.0.0", "@vue/cli-plugin-vuex": "~5.0.0", "@vue/cli-service": "~5.0.0", "@vue/eslint-config-prettier": "^6.0.0", "@vue/eslint-config-typescript": "^9.1.0", "@vue/test-utils": "^2.0.0-0", "asn1js": "^3.0.6", "babel-plugin-import": "^1.13.3", "babel-plugin-lodash": "^3.3.4", "brotli-webpack-plugin": "^1.1.0", "copy-webpack-plugin": "^6.4.0", "cross-env": "^7.0.3", "css-minimizer-webpack-plugin": "^7.0.2", "eslint": "^7.0.0", "eslint-plugin-prettier": "^3.3.1", "eslint-plugin-vue": "^8.0.1", "hard-source-webpack-plugin": "^0.13.1", "husky": "^8.0.1", "less": "^3.0.4", "less-loader": "^8.0.0", "lint-staged": "^13.0.3", "mocker-api": "^2.9.0", "mockjs": "^1.1.0", "moment-locales-webpack-plugin": "^1.2.0", "prettier": "^2.2.1", "speed-measure-webpack-plugin": "^1.5.0", "style-resources-loader": "^1.4.1", "svg-sprite-loader": "^6.0.9", "typescript": "4.5.5", "vue-cli-plugin-style-resources-loader": "~0.1.5", "vue-jest": "^5.0.0-0", "webpack-bundle-analyzer": "^4.5.0", "worker-loader": "^3.0.8" }, "resolutions": { "fork-ts-checker-webpack-plugin-v5": "npm:fork-ts-checker-webpack-plugin@^6.0.0" } }

filetype

PS E:\java-study-item\jeecgboot-vue2\ant-design-vue-jeecg> npm run build:test > [email protected] build:test E:\java-study-item\jeecgboot-vue2\ant-design-vue-jeecg > vue-cli-service build --mode test - Building for test... ERROR TypeError: Class extends value undefined is not a constructor or null TypeError: Class extends value undefined is not a constructor or null at Object.<anonymous> (E:\java-study-item\jeecgboot-vue2\ant-design-vue-jeecg\node_modules\mini-css-extract-plugin\dist\CssDependency.js:12:46) at Module._compile (internal/modules/cjs/loader.js:1201:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1221:10) at Module.load (internal/modules/cjs/loader.js:1050:32) at Function.Module._load (internal/modules/cjs/loader.js:938:14) at Module.require (internal/modules/cjs/loader.js:1090:19) at require (internal/modules/cjs/helpers.js:75:18) at Object.<anonymous> (E:\java-study-item\jeecgboot-vue2\ant-design-vue-jeecg\node_modules\mini-css-extract-plugin\dist\index.js:12:45) at Module._compile (internal/modules/cjs/loader.js:1201:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1221:10) at Module.load (internal/modules/cjs/loader.js:1050:32) at Function.Module._load (internal/modules/cjs/loader.js:938:14) at Module.require (internal/modules/cjs/loader.js:1090:19) at require (internal/modules/cjs/helpers.js:75:18) at Object.<anonymous> (E:\java-study-item\jeecgboot-vue2\ant-design-vue-jeecg\node_modules\mini-css-extract-plugin\dist\cjs.js:3:18) at Module._compile (internal/modules/cjs/loader.js:1201:30) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] build:test: `vue-cli-service build --mode test` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] build:test script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can b

看起来很年长的一条鱼
  • 粉丝: 47
上传资源 快速赚钱