Vue-router踩坑之旅（1）

最新推荐文章于 2023-03-03 15:17:17 发布
最新推荐文章于 2023-03-03 15:17:17 发布
阅读量675 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39168052/article/details/80948869
版权
报错：
 ERROR  Failed to compile with 1 errors                                                                                            09:38:01
This dependency was not found:


* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-573557d0","scoped":true,"hasInlineConfig":false}!stylus-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./head.vue in ./src/components/head.vue


To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-573557d0","scoped":true,"hasInlineConfig":false}!stylus-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./head.vue

原因：

解决：
npm install stylus stylus-loader style-loader --save-dev

YQ__QH
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-taro-router:基本 Taro ，扩展成 vue-router 的使用体验
05-28
VueTaroRouter基本 Taro ，扩展成 vue-router 的使用体验Installationnpm i vue-taro-router -SUsage// router.jsimport VueTaroRouter from "vue-taro-router";const router = new VueTaroRouter();// 添加拦截器...
vue-router.js
12-30
vue路由vue-router.js文件下载
To install it, you can run: npm install --save @/views/setting
Curt_Huang的博客
06-13 1万+
经过：在vue的router里面配置路径后，就报错了 ，当时认为是自己缺少某个模块，然后npm i之后发现还是报错 原因：是因为自己的组件地址错误，我把setting组件写到src文件的外面，而导入组件地址则是用的‘@/settiing’,当然找不到组件setting了，也就会报错了 解决：将setting组件剪切到src目录下，完美解决 ...
vue基础：To install it, you can run: npm install --save，写 scss样式报错
weixin_37532465的博客
11-10 1380
1报错代码： 2、解决办法： 这个问题是依赖没有安装好，安装好sass-loader，scss，scss-loader即可 cnpm install node-sass --save cnpm install sass-loader --save cnpm install scss --save cnpm install scss-loader --save
router in ./src/router/index.js To install it, you can run: npm install --sa 错误
haomignzi__的博客
03-31 2143
router in ./src/router/index.js To install it, you can run: npm install --sa 错误 一直报这个错 ， 最后发现导入vue-router 出错了。
fs包报错， you can run: npm install --save fs
weixin_30655219的博客
05-22 1448
fs包已安装，报错如下： fs in ./~/_vue-server-renderer@2.5.16@vue-server-renderer/build.js, ./~/_resolve@1.7.1@resolve/lib/sync.js and 10 others To install it, you can run: npm install --save fs 解决方案：...
vue-router-next：Vue 3官方路由器
02-06
vue-router-next 这是Vue路由器4的存储库（适用于Vue 3）支持Vue路由器Vue Router是Vue生态系统的一部分，是MIT许可的开放源代码项目，其持续的开发完全依靠赞助者的支持而得以实现。 如果您想成为赞助商，请考虑：...
Vue-Router的使用方法
12-11
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home...
vue-router 中 meta的用法详解
01-21
如果我想做下面这个功能： 路由 代码： 用这个获取 以上这篇vue-router 中 meta的用法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
报错:To install it, you can run: npm install --save !!vue-style-loader!css-loader?{“sourceMap“:true}!.
baidu_39212797的博客
07-03 3857
错误信息 To install it, you can run: npm install --save !!vue-style-loader!css-loader?{“sourceMap”:true}!../…/…/node_modules/vue-loader/lib/style-compiler/index?{“vue”:true,“id”:“data-v-a3ccadca”,“scoped”:false,“hasInlineConfig”:false}!sass-loader?{“sourceMap”
To install it ,you can run : npm i -- save vue/types/umd
aa4477364的博客
09-09 4243
本人实习新手 在实际开发中遇到了这么情况 一开始还傻傻的去 终端上输入npm i -- save vue/types/umd 但是直接就报错了 1. 实际出现这么个问题 第一去看一下你的 路由(router) 有没有引入这个么东西 2. 如果没有 那请看一下你刚才再编辑的组件 有没有下面这行引入 我刚才再编辑的页面里面是(eventActivity) 果然发现了这么个东西 (估计是系统帮我引入的) 3.直接把 import { set } form 'vue/types...
下载vscode脚手架出现的问题（To install it, you can run: npm install--save vue hot-reload api）
weixin_69235164的博客
03-03 1099
下载vscode脚手架出现的问题
vue npm run dev 提示To install them, you can run: npm install --save @/url
test
01-09 8728
vue npm run dev 提示To install them
To install it, you can run: npm install --save !!vue-style-loader!css-loader?
热门推荐
weixin_45377314的博客
04-17 1万+
* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-957c9522","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../node_modules/_vue-l
To install it, you can run: npm install --save src/components/common/login
蓝墨の学习笔记
08-12 1万+
component: () => import('@/components/common/login') 改成 component: () => import('src/components/common/login') 后,报错： ERROR Failed to compile with 1 errors 10:16:54 ├F10: AM┤ This dependency was not found: * s
Vue-router的配置以及实战（易错点）
HuangQinJian
01-04 4174
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> <script src="node_modules/vue-router/dist/vue-router.js"></script> </h
vue 循环_vue踩坑01：vue-router路由循环时遇见的问题
weixin_39616674的博客
11-23 427
在设计路由的时候，会在路由循环时，根据某些状态，来判断页面后续应该如何跳转。常见的例子，就是登陆时，判断用户是否已经登录，再决定是跳转到用户的目标页面，还是返回到登录页。 常见的设计是这样的：router.beforeEach((to, from, next) => { if (判断用户是否登录) { next() } else { if...
vue-router import 报错
最新发布
12-05
当我们在Vue项目中使用vue-router时，经常会遇到import报错的问题。这种情况通常是由于导入方式不正确或者vue-router的安装出现了问题。 首先，我们需要确认我们是使用了正确的导入方式。在使用vue-router时，我们应该使用以下方式导入： ```javascript import Vue from 'vue'; import VueRouter from 'vue-router'; ``` 然后我们需要使用Vue.use(VueRouter);来安装vue-router插件。 如果我们的导入方式是正确的，但是仍然出现了报错，那么可能是因为vue-router没有正确安装。这时候我们可以尝试重新安装vue-router来解决问题。首先，我们可以通过npm或者yarn来卸载vue-router： ```bash npm uninstall vue-router ``` 或者 ```bash yarn remove vue-router ``` 然后重新安装vue-router： ```bash npm install vue-router ``` 或者 ```bash yarn add vue-router ``` 安装完成后，再次尝试导入vue-router，看看是否还会出现报错。 另外，有时候我们的项目可能使用了不同版本的vue和vue-router，这也可能会导致import报错的问题。所以我们还需要确认一下我们项目中vue和vue-router的版本是否匹配。 总的来说，解决vue-router import报错的问题需要我们确认导入方式、重新安装vue-router、检查版本匹配等步骤来逐一排查问题，最终找到解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值