网络编程 
首页 > 网络编程 > 浏览文章

在vue项目创建的后初始化首次使用stylus安装方法分享

(编辑:jimmy 日期: 2024/11/19 浏览:3 次 )

项目创建报错:

This dependency was not found:
* !!vue-style-loader!css-loader"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-loader"sourceMap":false}!../../node_modules/vue-loader/lib/selector"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-loader"sourceMap":false}!../../node_modules/vue-loader/lib/selector"color: #ff0000">解决方案:

npm install stylus-loader css-loader style-loader --save-dev

安装之后还会报错:

Module build failed: Error: Cannot find module 'stylus'
 at Function.Module._resolveFilename (module.js:485:15)
 at Function.Module._load (module.js:437:25)
 at Module.require (module.js:513:17)
 at require (internal/module.js:11:18)
 at Object.<anonymous> (E:\project\selling\node_modules\stylus-loader\index.js:2:14)
 at Module._compile (module.js:569:30)
 at Object.Module._extensions..js (module.js:580:10)
 at Module.load (module.js:503:32)

继续执行:

npm install stylus

然后执行 npm run dev

解决

因此在首次初始化的时候需要进行如下步骤的安装

1.npm install stylus --save-dev

2.npm install stylus-loader --save-dev

3.npm run dev(每次改动了配置文件均需要重新启动项目)

以上这篇在vue项目创建的后初始化首次使用stylus安装方法分享就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:关于express与koa的使用对比详解
下一篇:Vue框架之goods组件开发详解
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?