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 相关文章推荐
学习ExtJS Column布局
Oct 08 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
AngularJS进行性能调优的7个建议
Dec 28 Javascript
js确认框confirm()用法实例详解
Jan 07 Javascript
javascript表达式和运算符详解
Feb 07 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
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
无线电波是什么?它是怎样传输的?
2021/03/01 无线电
php查找指定目录下指定大小文件的方法
2014/11/28 PHP
php解决安全问题的方法实例
2019/09/19 PHP
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
Javascript BOM学习小结(六)
2015/11/26 Javascript
jQuery实现判断控件是否显示的方法
2017/01/11 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
基于js 本地存储(详解)
2017/08/16 Javascript
JS动态修改网页body的背景色实例代码
2017/10/07 Javascript
vue 的keep-alive缓存功能的实现
2018/03/22 Javascript
Vue 源码分析之 Observer实现过程
2018/03/29 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
微信小程序学习之自定义滚动弹窗
2020/12/20 Javascript
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
django执行原始查询sql,并返回Dict字典例子
2020/04/01 Python
Python编写万花尺图案实例
2021/01/03 Python
使用phonegap进行本地存储的实现方法
2017/03/31 HTML / CSS
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
Banana Republic英国官网:香蕉共和国,GAP集团旗下偏贵族风
2018/04/24 全球购物
机电一体化专业推荐信
2013/12/03 职场文书
大四毕业生自荐书
2014/07/05 职场文书
股东授权委托书范文
2014/09/13 职场文书
政府个人对照检查材料思想汇报
2014/10/08 职场文书
商务邀请函
2015/01/30 职场文书
社会实践活动总结
2015/02/05 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
python spilt()分隔字符串的实现示例
2021/05/21 Python
Python保存并浏览用户的历史记录
2022/04/29 Python
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android