Vue基础知识-(踩坑)Vue中遇到的问题处理记录

本文最后更新于:December 3, 2021 pm

Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,方便与第三方库或既有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

目录

实在是问题太多了,所以专门用一篇来记录Vue中遇到的问题吧。

1.This dependency was not found

1
2
3
4
5
This dependency was not found:

* @/src/views/SellerPage in ./src/router/index.js

To install it, you can run: npm install --save @/src/views/SellerPage

首先检查你在导入的地方路径写错了没有,比如写成了这样:import SellerPage from '@/src/views/SellerPage' 这是错误的。至少我是这个问题。。。

大概意思就是找不到新建的这个文件。其实解决方法很简单,就是重新全局编译一下就可以了,可以中断程序重新npm run dev就可以解决了。

另外,在搜索这个错误的同时,也学习到了一些新的知识。我们其实可以自己定义前面相同的路径,就像用@表示src目录,我们自己也可以自定义。

build/webpack.base.conf.js 中找到 resolve,并添加即可:

1
2
3
4
5
6
7
8
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'views': resolve('src/views'), //自定义
}
},

具体用法就和@一样。