Vue中"This dependency was not found"问题的解决方法


Posted in Javascript onJune 19, 2018

今天在初始化项目中,出现了一个奇怪的情况:明明路径是对的,但是编译的时候,一直报“This dependency was not found”的错。

代码如下:

import Vue from 'vue'
import App from './App'
import router from './router'
import 'common/stylus/index.styl'
/* eslint-disable no-new */
new Vue({
 el: '#app',
 render: h => h(App)
})

控制台一直报错,表示无法找到common/stylus/index.styl,然而,路径是通过ide补全填写的,不可能出现错误,那又是为什么?

在网上多番搜索发现,Vue中的引入文件时,需要通过./通知编译器是在当前路径,不然的话,第一个文件夹名会被认为是webpack配置的alias(别名)。

所以,正确引入index.styl的方式是:

import Vue from 'vue'
import App from './App'
import router from './router'
import './common/stylus/index.styl' // 添加./避免编译器认为是别名
/* eslint-disable no-new */
new Vue({
 el: '#app',
 render: h => h(App)
})

总结

以上所述是小编给大家介绍的Vue中"This dependency was not found"的问题的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js arguments.callee的应用代码
May 07 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
May 18 Javascript
新手快速学习JavaScript免费教程资源汇总
Jun 25 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
js倒计时抢购实例
Dec 20 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
Jul 14 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
Feb 21 Javascript
node.js实现上传文件功能
Jul 15 Javascript
微信小程序多列表渲染数据开关互不影响的实现
Jun 05 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 #Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 #Javascript
vue mounted组件的使用
Jun 18 #Javascript
基于rollup的组件库打包体积优化小结
Jun 18 #Javascript
详解组件库的webpack构建速度优化
Jun 18 #Javascript
Javascript实现异步编程的过程
Jun 18 #Javascript
详解JS函数stack size计算方法
Jun 18 #Javascript
You might like
phpfans留言版用到的install.php
2007/01/04 PHP
php实现字符串翻转的方法
2015/03/27 PHP
php单例模式的简单实现方法
2016/06/10 PHP
js 覆盖和重载 函数
2009/09/25 Javascript
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
JQuery 图片滚动轮播示例代码
2014/03/24 Javascript
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
Javascript中判断一个值是否为undefined的方法详解
2016/09/28 Javascript
微信小程序 前端源码逻辑和工作流详解
2016/10/08 Javascript
vue双向绑定的简单实现
2016/12/22 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
HTML5实现微信拍摄上传照片功能
2017/04/21 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
Js经典案例的实例代码
2018/05/10 Javascript
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
[36:43]NB vs Optic 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
Python编程之微信推送模板消息功能示例
2017/08/21 Python
Python排序搜索基本算法之选择排序实例分析
2017/12/09 Python
Python使用matplotlib和pandas实现的画图操作【经典示例】
2018/06/13 Python
python读取ini配置文件过程示范
2019/12/23 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
优秀幼教自荐信
2014/02/03 职场文书
药剂专业毕业生求职信
2014/06/24 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
小学六一儿童节活动方案
2014/08/27 职场文书
软件测试专业推荐信
2014/09/18 职场文书
财务整改报告范文
2014/11/05 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
2015财务年终工作总结范文
2015/05/22 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
python如何在word中存储本地图片
2021/04/07 Python
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python