Vue项目-vue Router

本文介绍了在Vue项目中使用Vue Router时如何避免组件样式全局污染,以及在安装sass-loader时遇到的问题和解决步骤。通过在App.vue文件中调整,解决覆盖样式问题。同时,针对安装sass-loader时的npm错误,提供了安装淘宝镜像、更新npm版本和创建新项目等尝试方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue Router:路由

 

scoped 作用:

解决组件样式全局污染,也就是我们在这里不使用scoped 覆盖了样式,那么我们在其他地方调用该组件就会被覆盖。 

App.vue文件需修改为:

报错:Failed to resolve loader: sass-loader You may need to install it.

解决:未解决!

参考博文:https://www.cnblogs.com/xuxiaoyu/p/13283151.html

1 命令行输入

 2

 3

d盘

 安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

再:

cnpm install node-sass --save-dev

 成功,再:

cnpm install sass-loader --save-dev

 报错:

 解决:

 第二步报错,输入:

 报错:Cannot find module node_modules\qs\\lib\index.js

解决:

(没用)

还是报错。

新方法:

npm版本下载6:

npm i -g npm@6

再下载 :npm i sass-loader -D

再启动:

若上述都未解决:

新建一个项目, 再用淘宝镜像下载sass等。

就可以启动成功。

启动项目后:

简介图:

 创建vue文件,写前端界面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值