在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.vueTo 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. (E:projectsellingode_modulesstylus-loaderindex.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(每次改动了配置文件均需要重新启动项目)

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

Vue实现返回顶部backToTop的组件

Vue实现返回顶部backToTop的组件

立即学习“前端免费学习笔记(深入)”;

以上就是在vue项目创建的后初始化首次使用stylus安装方法的介绍的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2748102.html

(0)
上一篇 2025年3月8日 04:35:02
下一篇 2025年3月3日 17:01:29

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 关于Vue评论框架的实现(父组件的实现)

    本篇文章主要介绍了简易 vue 评论框架的实现(父组件的实现),内容挺不错的,现在分享给大家,也给大家做个参考。 最近看到一个需求: 实现一个评论功能,要求对评论列表进行分页显示 对相应模块实现组件化 能显示发布者、发布时间以及内容 立即学…

    编程技术 2025年3月8日
    200
  • 如何解决关于Vue背景图打包之后访问路径错误的问题

    本篇文章主要介绍了关于vue背景图打包之后访问路径错误问题的解决,内容挺不错的,现在分享给大家,也给大家做个参考。 案例环境 通过vue-cli脚手架创建的vue项目 在项目打包的时候遇到了背景图片路径出错的问题,经过谷歌一番,发现是在配置…

    编程技术 2025年3月8日
    200
  • 关于Vue2 Vue-cli中使用Typescript的配置介绍

    这篇文章主要介绍了关于vue2 vue-cli中使用typescript的配置介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星,足以说明其以悄然成…

    编程技术 2025年3月8日
    200
  • 实现简单的vue无限加载指令的方法

    这篇文章主要介绍了关于实现简单的vue无限加载指令的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 vue 中的自定义指令是对底层 dom 进行操作,下面以实现滚动到底部加载数据,实现无限加载来介绍如何自定义一个简单的指…

    编程技术 2025年3月8日
    200
  • vue如何实现前进刷新后退不刷新的效果

    这篇文章主要介绍了vue实现前进刷新,后退不刷新效果,即加载过的界面能缓存起来(返回不用重新加载),关闭的界面能被销毁掉(再进入时重新加载)。本文给大家分享实现思路,需要的朋友可以参考下 最近在用vue尝试着做移动端的项目。希望实现前进刷新…

    编程技术 2025年3月8日
    200
  • 关于Vue2 SSR缓存 Api 数据的方法

    本篇文章主要介绍了vue2 ssr 缓存 api 数据,内容挺不错的,现在分享给大家,也给大家做个参考。 本文介绍了Vue2 SSR 缓存 Api 数据,分享给大家,具体如下: 1. 安装缓存依赖: lru-cache npm instal…

    编程技术 2025年3月8日
    200
  • 基于Vue框架vux组件库实现上拉刷新功能的介绍

    这篇文章主要为大家详细介绍了基于vue框架vux组件库实现上拉刷新功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 最近公司在研发app,选择了基于Vue框架的vux组件库,现总结在实现上拉刷新功能遇到的坑: 1.问题:只刷新一次,解…

    编程技术 2025年3月8日
    200
  • 如何解决vue-cli中stylus无法使用的问题

    这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 在写基于vue-cli的vue项目时,遇到一个小坑,css用了stylus,但是在编译时候总是报错: 来来回回折腾了数十…

    2025年3月8日
    200
  • 关于vue-admin和后端(flask)分离结合的解析

    本篇文章主要介绍了详解vue-admin和后端(flask)分离结合的例子,内容挺不错的,现在分享给大家,也给大家做个参考。 本文介绍了vue-admin和后端(flask)分离结合的例子,分享给大家,具体如下 感觉 vue-admin 界…

    2025年3月8日
    200
  • Vue 中如何使用 CSS Modules

    这篇文章主要介绍了Vue 中使用 CSS Modules优雅方法,本文文字结合实例代码的形式给大家介绍的非常详细,需要的朋友可以参考下 CSS Modules:局部作用域 & 模块化 CSS Modules 为每一个局部类赋予全局唯…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论