stylus样式编译问题./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-6-1!

今天维护一个公司之前的react项目出现了如下警告
不明所以 o((⊙﹏⊙))o 记录下解决过程

./src/compontents/Pay/index.styl (./node_modules/css-loader/dist/cjs.js??ref–6-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/stylus-loader??ref–6-oneOf-6-3!./src/compontents/Pay/index.styl)

方法一：
尝试

npm uninstall node-sass;npm install node-sass@4.14.1

node-sass这个包是干嘛的？？不知道
试了一下没用这个时候我仔细定睛一看
发现跟styl 跟这个格式的样式文件有关系；

方法二：
发现我自己的package.json 文件中没有相关的loader “stylus”: “^0.54.5”, “stylus-loader”: “^3.0.2”,
于是我安装后再次测试无效
stylus 这种样式没用过，不知道好不好用和less 和sass又有什么区别？有时间学习学习
stylus官网 http://stylus-lang.com/
stylus中文网 https://stylus-lang.net/

方法三：
翻一下报错后面的这句话看看有没有什么突破点

Second Autoprefixer control comment was ignored. Autoprefixer applies control comment to whole
block, not to next rules.

第二个 Autoprefixer 控件注释被忽略。 Autoprefixer 将控制注释应用于整个块，而不是下一个规则。

好家伙就是这个东西在作祟；报错的styl样式文件中都有

              /* autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */-webkit-line-clamp: 2;

将带有 autoprefixer 的注释删除就好了；

但是话说autoprefixer 是个啥东西百度了一下：

Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序 (⊙_⊙)?

还有很多东西都不会；
① styl 样式
② Autoprefixer
③ node-sass

有空一定补充学习

记录共勉~❀❀

stylus样式编译问题./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-6-1!相关推荐

* core-js/modules/es6.array.fill in ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref
运行Vue项目报错,报错截图如下: 导致该错误的原因是core-js版本不对: 解决方法:安装淘宝镜像 $ cnpm install core-js@2 安装完成重新运行就可以了外: 清除npm缓存 ...
Module build failed (from ./node_modules/less-loader/dist/cjs.js):TypeError: this.getOptions is not
(./node_modules/css-loader/dist/cjs.js??ref–11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/style ...
关于Module build failed (from ./node_modules/sass-loader/dist/cjs.js)问题解决
关于Module build failed (from ./node_modules/sass-loader/dist/cjs.js)问题解决 1.问题描述: vue项目中不同分支的包装的不一样,导致 ...
工作407-启动vue项目出现Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: I
This dependency was not found:* !!vue-style-loader!css-loader?{"sourceMap":true}!../../nod ...
node sass 报错解决方法 Module build failed (from ./node_modules/sass-loader/dist/cjs.js)
node-sass没安装好报的错先卸载文件,然后再安装一遍 npm install node-sass 如果还提示报错,可能是安装版本过高,选择合适的版本进行安装例如: npm install n ...
工作408- Module build failed (from ./node_modules/sass-loader/dist/cjs.js)
发现版本不对,于是执行npm uninstall sass-loadernpm install sass-loader@7.1.0 --savenpm install style-loadernpm ...
../../../assetsets/image/***.png in ./node_modules/cache-loader/dist/cjs.js解决方法（重新手写引入）
万恶之源就是我引入的这个图片去寻找我引入的图片,全局搜索. 看看在哪里引用了路径也没错. 但是解决方法就是删除这句话重新用 -/ 去引入,然后保存就好了事情的原因就是要多写一个模块,但是我的 ...
fatal - Error: Register plugin D:/youqu/yuntu-back/node_modules/@umijs/plugins/dist/layout.js failed
记录项目遇到的问题: 合并代码之后,删掉nodemodlues,重新npm install 报错: 找了很多方法,通过重新安装react解决: npm install react 因为报错的地方是,找 ...
webpack css loader
我们新建一个login.js文件,作为一个组件. 这里定义了一个函数,函数中创建了h2标签,然后给标签中添加文字.还有类名className,最后把这个dom返回.最后通过document.body. ...

stylus样式编译问题./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-6-1!

stylus样式编译问题./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-6-1!相关推荐

最新文章

热门文章