搭建VUE大屏展示项目(二)框架搭建

139 阅读2分钟

文章目录

DataV

官方网站: datav.jiaminghi.com/guide/#%E5%…
安装:

npm install @jiaminghi/data-view

引入:
在这里插入图片描述

在这里插入图片描述

import dataV from '@jiaminghi/data-view'
export default (app) => {
  app.use(dataV)
}
import installDatav from './plugins/datav'
installDatav(app)

在这里插入图片描述

安装插件

如果出现:npm版本过高安装错误,请降级
npm install npm@6.14.10 -g

npm install style-loader --save-dev
npm install --save-dev node-sass sass-loader

ElementUI

官方网站:
element-plus.gitee.io/#/zh-CN/com…
安装:

vue add element-plus

在这里插入图片描述

他在我这里把app.vue重写覆盖了,要还原回去

错误

npm版本过高安装错误(降低版本)

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6
npm ERR!   node_modules/@intervolga/optimize-cssnano-plugin
npm ERR!     @intervolga/optimize-cssnano-plugin@"^1.0.5" from @vue/cli-service@4.5.13
npm ERR!     node_modules/@vue/cli-service
npm ERR!       peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.13
npm ERR!       node_modules/@vue/cli-plugin-babel
npm ERR!         dev @vue/cli-plugin-babel@"~4.5.0" from the root project
npm ERR!       5 more (@vue/cli-plugin-eslint, @vue/cli-plugin-router, ...)
npm ERR!   peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plugin@1.8.0
npm ERR!   node_modules/@soda/friendly-errors-webpack-plugin
npm ERR!     @soda/friendly-errors-webpack-plugin@"^1.7.1" from @vue/cli-service@4.5.13
npm ERR!     node_modules/@vue/cli-service
npm ERR!       peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.13
npm ERR!       node_modules/@vue/cli-plugin-babel
npm ERR!         dev @vue/cli-plugin-babel@"~4.5.0" from the root project
npm ERR!       5 more (@vue/cli-plugin-eslint, @vue/cli-plugin-router, ...)
npm ERR!   20 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! dev style-loader@"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@5.44.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^5.0.0" from style-loader@3.1.0
npm ERR!   node_modules/style-loader
npm ERR!     dev style-loader@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\18833\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\18833\AppData\Local\npm-cache\_logs\2021-07-14T08_09_48_213Z-debug.log

感谢开源社区

gitee.com/upholdjx/vu…
www.cnblogs.com/cndl/p/1488…

github地址

github.com/1142235090/…