vue项目打包和链接服务器后台都出现样式全部丢失的错误

2023-05-16

  • 项目是将前端模板渐渐改成element-ui
    • 使用vue版本是2.4.0,就是没有vue.config.js的一个版本
    • 写完之后,剩下一堆css和js文件,又不敢删掉,因为会用到一些,结果全部都看不见样式,无论是webpack打包还是链接服务器后台
    • 网上的方法基本上就是将element-ui的引用写在router前面,或者在每个vue自定义的style中添加scoped关键字,对我来说都不起作用
  • 最后终于找到一个有效的方式,就是把vue.config.js的requireModuleExtension:true
css:{
       extract:true,
       sourceMap:false,
       loaderOptions:{},
       requireModuleExtension:true
   }

因为这个版本把config隐藏起来了,没有显式文件,所以需要修改的的需要自己新建一个同名文件,放在根目录下,然后把把基本配置代码ctrl+c ,ctrl+v,再更改就行了

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue项目打包和链接服务器后台都出现样式全部丢失的错误 的相关文章

  • 使用Mysql的CONVERT函数对中文字段进行排序

    在对数据库中的某个字段进行排序的时候 使用order by 但是如果我们想对字段中是字符串类型的进行排序 就不是很方便 使用convert函数对字段进行处理来实现排序 应用场景 xff1a 学校名称 姓名等 实现效果自行验证 DROP TA

随机推荐

  • 史上最详细的Maven教程!——深入理解Maven系列

    文章目录 Maven教程 第一章 Maven简介 1 1 Maven概述1 2 Maven的作用1 3 Maven的使用方式1 4 Maven的核心概念1 5 安装Maven环境1 6 Maven的编译过程 第二章 Maven的核心概念 2
  • 挑战全网最全CollectionUtils工具类解析Apache Commons CollectionUtils (一)

    依赖 span class token operator lt span dependency span class token operator gt span span class token operator lt span grou
  • compareto返回1和-1的区别_温故篇:Comparable与Compatator的区别

    前言 在实际开发中 xff0c 经常需要对某些数据进行比较 xff0c 例如我们在网购的时候 xff0c 检索某件商品 xff0c 它会按照价格 xff0c 收藏等等关键词展示出来 xff0c 当中的展示规则便是对商品间的某个相同数据比较后
  • 使用POI导出Excel文件并写多个Sheet页

    span class token keyword import span span class token namespace lombok span class token punctuation span span span class
  • 删除文件夹以及文件夹下的所有文件

    span class token comment 递推删除文件夹下的所有文件以及文件夹 span span class token keyword public span span class token keyword static sp
  • Java设计模式之责任链模式(一)

    责任链模式的定义与特点 责任链模式的定义 xff1a 使多个对象都有机会处理请求 xff0c 从而避免请求的发送者和接受者之间的耦合关系 xff0c 将这个对象连成一条链 xff0c 并沿着这条链传递该请求 xff0c 直到有一个对象处理他
  • SpringBoot的异步任务

    默认线程池 xff1a 使用方式 xff1a 开启异步任务 xff0c 在启动类上使用注解 64 EnableAsync启动异步任务 xff0c 在需要异步执行的任务上使用 64 Async标注该方法为异步任务 执行任务效果 xff1a 自
  • @EnableAsync异步任务源码

    111
  • 配置安装VNC Server服务TigerVNC

    最有用的是下面的vnc开机自启动 摘要 xff1a 配置VNC Server自动启动编辑 etc sysconfig vncservers xff0c 内容如下然后运行sudo chkconfig level 345 vncserver o
  • Docker本地安装

    1 确认Linux的centos版本 span class token function cat span etc redhat release 2 检查是否可以链接外网 span class token function ping spa
  • Ubuntu20.04查看硬盘序列号,MAC地址,IP地址等信息

    1 查看硬盘序列号 搜索系统中有应用 xff0c 打开 磁盘 xff0c 因为我本人是只设置了一个分区 xff0c 所以打开如下 xff0c 从上面可以得到硬盘序列号 2 查看ip地址和MAC地址 ctrl 43 alt 43 t 打开命令
  • 图卷积网络(Graph Convolution Network,GCN)

    目录 一 前言 二 GCN原理 三 GCN用于节点分类 四 总结 一 前言 在图神经网络出现之前 xff0c 一般的神经网络只能对常规的欧式数据进行处理 xff0c 其特点就是节点有固定的排列规则和顺序 xff0c 如 xff12 维网格和
  • 程序 = 数据结构 + 算法?真的是这样的吗?

    什么 xff1f 程序竟然等于数据结构 43 算法 xff1f 这个公式是大师 Niklaus Wirth 在 1976 年提出来的 xff0c 40 多年过去了 xff0c 这个公式还成立吗 xff1f 对于做 Java 开发的朋友 xf
  • VNC和SSH远程桌面连接

    远程桌面连接 一般来讲有如下两种方式通过电脑远程连接树莓派 xff1a 1 xff09 使用 VNC Server 软件 xff0c 在 PC 上可以打开一个窗口 xff0c 显示树莓派系统上的图形界面 2 xff09 通过终端方式 xff
  • 树莓派系统的备份

    1 系统备份的意义 为应对文件 数据丢失或损坏等可能出现的意外情况 xff0c 将树莓派 SD 卡的数据提前复制 至其他存储设备中 xff0c 以便于及时恢复和还原系统 xff0c 避免重复配置浪费时间精力 2 备份的方式 通常 xff0c
  • 2022-6-12:OpenCV入门(十一)feature2d组件——角点检测

    Harris角点检测 如果某一点在任意方向的一个微小变动都会引起灰度很大的变化 xff0c 那么我们就把它称之为角点 角点作为图像上的特征点 xff0c 包含有重要的信息 xff0c 在图像融合和目标跟踪及三维重建中有重要的应用价值 它们在
  • freertos系统学习(一)任务管理

    前言 首先来看一下源码包基本目录结构 针对各个处理器所做的移植 xff0c 以及其对应的Demo xff0c 数目如此多的文件 xff0c 全部都存放在同一个压缩文件里 这样做极大地简化了FreeRTOS的发布过程 xff0c 但是面对这么
  • IDEA2019.3版本搜索不到actiBPM插件的办法(亲测有效)

    这种办法适合所有idea安装不成功actiBPM插件的情况 自己以为 xff0c 看完方法你应该可能也许会认可 xff0c 不敢肯定 xff0c 就是在这里插入图片描述凭感觉 我IDEA遇到安装actiBPM插件的时候是压根就搜索不到 解决
  • java socket编程(终于明白了socket)

    http www cnblogs com linzheng archive 2011 01 23 1942328 html 一 xff0c 网络编程中两个主要的问题 一个是如何准确的定位网络上一台或多台主机 xff0c 另一个就是找到主机后
  • vue项目打包和链接服务器后台都出现样式全部丢失的错误

    项目是将前端模板渐渐改成element ui 使用vue版本是2 4 0 xff0c 就是没有vue config js的一个版本写完之后 xff0c 剩下一堆css和js文件 xff0c 又不敢删掉 xff0c 因为会用到一些 xff0c