在vue中首次使用stylus安装方法（详细教程）

下面我就为大家分享一篇在vue项目创建的后初始化首次使用stylus安装方法，具有很好的参考价值，希望对大家有所帮助。

项目创建报错：

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?type=styles&index=0!./a.vue in ./src/components/a.vue
To install it, you can run: npm install --save !!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?type=styles&index=0!./a.vue

解决方案：

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中如何使用ztree（详细教程）

在Vue中封装Swiper如何实现图片轮播

在es6中export和export default的区别有哪些？

jQuery如何实现图片轮播

jQuery 如何防止相同的事件快速重复触发的方法

使用AnglarJs实现上拉加载

Atas ialah kandungan terperinci 在vue中首次使用stylus安装方法（详细教程）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!