!!vue-style-loader!css-loader?问题解决

news/2024/7/7 20:30:28

问题详细

*!!vue-style-loader!css-loader?{“sourceMap”:true}!../…/…/…/vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}
!../…/…/…/vux-loader/src/after-less-loader.js!less-loader?{“sourceMap”:true}
!../…/…/…/vux-loader/src/style-loader.js
!../…/…/…/vue-loader/lib/selector?type=styles&index=0!./index.vue in ./node_modules/vux/src/components/alert/index.vue

问题解析

此类问题一般是缺少相关依赖而导致的,抓住关键词,vue-style-loader!css-loader,说明是css解析的时候出了问题。所以,解决方案就要根据情况而定,看你使用的CSS语言是什么,是 常规的css 或者 less 或者 sass。我的时在style中使用了less,但是没有安装依赖

解决方案

  1. 最简单的方案
    使用最原始的css style,把原来的less或者sass风格改成css,当然这种方式局限于less或者sass没有用到太多特殊语法。
  2. 安装依赖,缺什么装什么

2.1 如果是 常规的,执行 npm install stylus-loader css-loader style-loader --save-dev 安装依赖就行。

2.2 如果是less的,执行 npm install less less-loader --save-dev 安装依赖就行。

2.3 如果是sass的,执行 npm install sass sass-loader --save-dev 安装依赖就行。或者(npm intall sass-loader --save ; $npm install node-sass --save)


http://lihuaxi.xjx100.cn/news/991147.html

相关文章

微信小程序scroll-view锚点定位+界面滑动改变tab(防京东详情页)

这几天在开发这个锚点定位的需求本来感觉很简单,结果做起来发现很多坑,有的根本就注意不到,真的是很让人头大:下面是几个大坑 1、scroll-view的坑 scroll-view要增加高度,有的时候计算高度赋值给scroll-view时&#x…

Node.js中Buffer的创建方式

下面开始介绍用来存储二进制数据的Buffer 缓冲区。 缓冲区是在内容中操作数据的容器,Node.js中的Buffer缓冲区模块,支持开发者在缓冲区结构中创建、读取、写入和操作二进制数据,该模块是全局性的,所以在使用时不需要使用require(…

黑马程序员最新版JavaWeb基础教程-学习笔记

da黑马程序员最新版JavaWeb基础教程-学习笔记 day06-HTML&CSS HTML HTML(HyperTest Markup Language):超文本标记语言 是一门语言,所有的网页都是用html这门语言编写出来的。 超文本:超越了文本的限制,比普通文…

百度地图API基本使用(一)

前言 由于最近项目有需要,所以最近开始研究百度地图API的使用,简单的介绍一下百度地图JavaScript API它的使用,希望能够对小伙伴们有所帮助,后续有机会再做深入的研究。 有兴趣的小伙伴可以自行查找百度地图API 百度地图开放平…

Web前端 第二周

Web前端 第二周一、拨云见日18.表格标签19.表单标签20.表格表单组合21.div和span二、CSS基础语法1.语法格式2.内联样式与内部样式3.外部样式及两种写法3.CSS中的颜色表示法4.CSS背景样式5.CSS边框样式6.CSS字体样式7.CSS段落样式8.CSS复合样式9.CSS选择器一、拨云见日 18.表格…

Springboot后台HTML/富文本转图片

项目场景: 项目场景:后台将html文件转换成图片资源。项目是老师布置作业给学生做,作业试题对接的是第三方题库的接口,但它们都采用题干为HTML格式,而我们传统的试题格式都是图片格式,则需要调用第三方题库…

flex布局中的align-content属性

align-content属性起作用的条件: 对父元素设置自由盒属性display:flex;并且设置排列方式为横向排列flex-direction:row; &#xff08;默认值&#xff09;设置换行&#xff0c;flex-wrap:wrap; Demo代码&#xff1a; <!DOCTYPE html> <html lang"en">&…

全网最详细官网一键换肤教程

一键换肤有两种方法可以 第一种是通过CSS3 filter(滤镜) 属性 在App.vue里面直接写上 html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;filter: progid:D…