问题背景:在学习vue的router的过程中,自己在新建了一个文件夹,然后在router–>index.js中引用这个路径,结果保存编译后总是出现
ERROR Failed to compile with 1 errors 14:58:03
This dependency was not found:
* ../views/index.vue in ./src/router/index.js
To install it, you can run: npm install --save ../views/index.vue
大概意思就是找不到我新建的这个文件。其实解决方法很简单,就是重新全局编译一下就可以了,可以中断程序重新npm run dev就可以解决了。
但是在搜索这个错误的同时,也学习到了一些新的知识。我们其实可以自己定义前面相同的路径:
在webpack.base.conf.js文件中可以自己新建一个路径
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'views': resolve('src/views'), // 新添的路径,这个文件夹下面的文件可以直接用views/XXX引用
}
},