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的replace方法详细介绍
Nov 09 Javascript
jQuery实现冻结表格行和列
Apr 29 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
Nov 24 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
vue中的计算属性的使用和vue实例的方法示例
Dec 04 Javascript
vue检测对象和数组的变化分析
Jun 30 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
Dec 20 Javascript
Vue3 中的数据侦测的实现
Oct 09 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
Dec 17 Javascript
element中table高度自适应的实现
Oct 21 Javascript
nuxt 每个页面head标签内容设置方式
Nov 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
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
提升PHP性能的21种方法介绍
2013/06/25 PHP
Linux下从零开始安装配置Nginx服务器+PHP开发环境
2015/12/21 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
PHP面向对象多态性实现方法简单示例
2017/09/27 PHP
文本加密解密
2006/06/23 Javascript
srcElement表格样式
2006/09/03 Javascript
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
Javascript中数组sort和reverse用法分析
2014/12/30 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
JS获取url参数、主域名的方法实例分析
2016/08/03 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
使用Python如何测试InnoDB与MyISAM的读写性能
2018/09/18 Python
python多线程同步实例教程
2019/08/11 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
使用phonegap进行本地存储的实现方法
2017/03/31 HTML / CSS
荷兰手表网站:Watch2Day
2018/07/02 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
会计专业自荐信
2014/06/03 职场文书
班主任2015新年寄语
2014/12/08 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
开会通知
2015/04/20 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python
Redis如何实现验证码发送 以及限制每日发送次数
2022/04/18 Redis