Vue项目导入ElementUI后，网页无显示，打不开Vue的Main页面

最新推荐文章于 2024-04-18 22:40:34 发布
最新推荐文章于 2024-04-18 22:40:34 发布
阅读量1.3k 收藏 4
点赞数
分类专栏： Vue导入ElementUI不显示 文章标签： spring boot spring java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45504834/article/details/123232838
版权

在这里插入图片描述

错误如下，这是因为我们的vue版本和node.js版本太高了，我们需要使用Element-plus

执行
**

cnpm install --save element-plus

**

然后字main.js中修改
在这里插入图片描述
import ElementUI from ‘element-plus’;
import ‘element-ui/lib/theme-chalk/index.css’;

然后 npm run serve一下

在这里插入图片描述

在这里插入图片描述

成功运行

老唐在线铲屎
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
基于elementUI的el-button的vue版404 500 403 页面
06-06
2. **引入ElementUI**：在你的Vue项目中，你需要在主入口文件（通常是`main.js`）中导入并使用ElementUI： ```javascript import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/...
图片上传+拖动排序（vue2+elementUI+vuedraggable）
12-24
首先，你需要在项目中安装Vue2、ElementUI和vuedraggable。可以使用npm或yarn进行安装： ``` npm install vue element-ui vuedraggable # 或 yarn add vue element-ui vuedraggable ``` 2. **引入组件** 在...
解决若依Vue3前后端分离添加动态路由切换菜单页面不显示(空白页面)问题
m0_72837519的博客
07-27 4289
在/layout/components/AppMain.vue找到AppMain.vue文件,添加以下代码即可。今天在做公司新项目时遇到一个问题,在使用若依vue3版本时遇到了添加动态路由页面有时候不显示的问题,在这里添加后,刷新页面也没有显示。最终发现是因为需要给router-view加一个key标志。
idea 导入 eclipse项目 启动后无法访问html页面
weixin_43841899的博客
12-07 619
启动后访问html页面 报错： Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Mon Dec 07 11:30:36 CST 2020 There was an unexpected error (type=Not Found, status=404). No message available 原因： idea启动后 targe
element-plus 访问卡顿问题
最新发布
qq_31661311的博客
04-18 394
国内加速站点。
element ui 不正常显示
falali162的博客
11-01 317
1.必须确保element 元素放在 中。必须引入vue 并且vue 对象要实例化。此网络引用可正常工作。
EL表达式在页面显示不出来的问题解决
qq_39633973的博客
08-02 5276
在开发的过程中会出现el表达式显示在界面中是一段代码的形式，并不能表达出该有的含义 这种情况在开发中比较常见，主要原因是因为servlet的版本的限制了，在servlet2.5以前，el表达式默认为关闭的，这种情况下，界面显示的el 表达式为一段代码显示在界面中，这种情况下需要开发者手动开启el表达式。2.5版本以后的el表达式默认为打开的状态。不需要手动开启el表达式。 开启el表达式的...
vue+element ui 项目打包后运行index.html访问不了?
weixin_43926335的博客
06-05 1435
config文件夹下index.js文件中build 改成assetsPublicPath: './', build文件夹下webpack.prod.conf.js文件改成 output: { publicPath: './', path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash]....
关于ElementUI的引入，main.js报错
sinat_34999319的博客
09-27 2998
写项目用到了ElementUI，此文来记录下踩过的一些坑~ 1.引入ElementUI，发现main.js报错 但事实上我的js文件里面只是刚引入而已呀 然后看了看官方API发现了端倪，之前遇到过js文件引入顺序不对导致报错，看了下和官方文档的引入顺序确实有异，于是按文档顺序引入后解决 总结：虽然暂时不能解释为啥这个顺序会引起报错（后续解惑吧），但是在js中，引入顺序确实是很重要，当发现代码逻辑确实没什么问题的时候，不妨扩展下思路 ...
vue+elementUI管理系统页面源代码
02-12
压缩包中的"vuePages"可能包含了整个Vue项目的页面源代码，这些页面源代码通常位于项目的`src`目录下。`src`目录是Vue项目的主要工作区，包含以下部分： 1. `main.js`：项目的入口文件，通常在这里引入Vue、Vue ...
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
10-14
- `v-if`条件判断用于决定是否渲染子菜单或菜单项，这通常基于路由配置中的`hidden`属性，如果为`true`则不显示。 - `index`属性用于设置菜单项的激活状态，`@select`、`@open`和`@close`事件监听菜单的选中、打开...
如何利用vue+vue-router+elementUI实现简易通讯录
10-17
`main.js`是应用的核心，负责导入Vue、App组件、路由、Element UI以及其他工具库。例如，通过`Vue.use(ElementUI)`注册Element UI，使其全局可用。同时，`main.js`还实例化一个新的Vue应用，挂载到`#app`元素上，并...
使用vue框架，引入element-ui后运行，页面空白情况
vxstar的博客
03-11 9685
情况 创建项目后，用npm安装element-ui，然后在main.js中进行引用后，你npm run serve运行，未报错，但页面一片空白。删去main.js中关于element-ui引入的代码后，恢复正常 修改前的的main.js 修改后的main.js 原因 element-ui引用的是Vue对象，但是在vue3.0中已经没有了vue对象，所以这种引用方式是不能使用的，最新的引用方式，element-ui尚未更新，从而出现这种问题。 解决方法 创建项目时选择vue的版本时选择2
Vue引入element-ui后出现空白页
OutofEastGate的博客
04-28 1962
首先查看自己安装vue的版本，输入vue -V 注意是大写的V 如果自己的vue版本是3.0以上说明需要引入的是element-ui plus而不是element-ui 第一步 卸载原有的element-ui 执行命令 npm uninstall element-ui 第二步 安装element-ui plus 执行命令 npm install element-plus --save 第三步 在vue中引入element import ElementPlus from 'ele..
vue.js项目打包时出错找不到main.js
zhangyysp的博客
12-25 4338
vue.js项目打包时出错找不到main.js 打包时设置了开发环境和生产环境的入口文件分别是 配置打包文件vue.config.js(没有的话新增) module.exports = { chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV === 'production', config => { config .entry('app')
解决vue 新项目引入element ui 后空白页
学无止境
05-03 791
确定vue版本 在package-lock.json中 "vue": "^3.2.13" 使用了3.x的vue 引入的是2.x vue的element ui 更换成引用3.x vue的element ui 即可解决 import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import App from './App.vue' con
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 4万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue项目启动成功浏览器不显示
i_am_a_div的博客
11-28 5367
vue项目启动成功浏览器不显示
Vue CLI 3是如何加载main.js
李小白的博客
01-12 1万+
  1、前言 在工程文件中使用main.js来加载App.vue文件的，但没有代码写出来加载main.js的，而index.html中只有一个自定义标签app，那么工程是如何加载到main.js文件的呢？ 1、Vue 2.x加载方式 如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话，  你执行npm run dev的时候会出来页面，  是因为你根目录下的package.js...
vue导入elementUI
05-13
2. 在你的 Vue 项目的入口文件 main.js 中，导入 ElementUI 的 CSS 样式和 JS 文件。代码如下： ```javascript import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值