2024年Web前端最新vue全家桶版本升级排错(1)，腾讯的面试题

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

axios: 0.17.1

element-ui: 2.2.2

目标版本

---

vue: 2.6.10

vue-loader: 15.7.0

vue-router: 3.0.3

vuex: 3.1.1

axios: 0.18.1

element-ui: 2.10.0

报错1(包版本不匹配)

---

修改package.json中的依赖包版本号之后，npm install一波后就报错了。

Vue packages version mismatch:

• vue@2.6.10

• vue-template-compiler@2.5.10

This may cause things to work incorrectly. Make sure to use the same version for both.

If you are using vue-loader@>=10.0, simply update vue-template-compiler.

If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

@ ./src/router/modules/test/index.js 22:23-67

@ ./src/router/common.js

@ ./src/router/index.js

@ ./src/main.js

@ multi (webpack)-dev-server/client?http://localhost:9532 webpack/hot/dev-server babel-polyfill ./src/main.js

分析：vue和vue-template-compiler两个包的版本不匹配，需要升级vue-template-compile。github搜索这个包搜不到，最后在npm包官网找到了。

**解决方案：**升级vue-template-compile: 2.6.10

报错2(vue-loader)

---

|

|

|

|

@ ./src/views/backend/enterprise/holiday/add-public-holiday.vue 1:0-97 30:4-35:6 30:81-35:5

@ ./src/views lazy ^./.*$

@ ./src/authority/generate-routes.js

@ ./src/store/modules/user.js

@ ./src/store/index.js

@ ./src/main.js

@ multi (webpack)-dev-server/client?http://localhost:9532 webpack/hot/dev-server babel-polyfill ./src/main.js

error in ./src/views/backend/enterprise/holiday/add-special-holiday.vue?vue&type=template&id=09f84cb0&

Module parse failed: Unexpected token (2:0)

You may need an appropriate loader to handle this file type.

**分析：**经观察，发现可能是不识别vue文件或其中某部分，于是从vue-loader入手，也在网上查阅了一些资料，需要在webpack的plugins中加入vue-loader/lib/plugin。

解决方案：

const VueLoaderPlugin = require(‘vue-loader/lib/plugin’)

plugins: [

new VueLoaderPlugin(),

// 其他插件

…

]

报错3(postcss-loader)

---

(Emitted value instead of an instance of Error)

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

分享一些前端面试题以及学习路线给大家

面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

分享一些前端面试题以及学习路线给大家

[外链图片转存中…(img-5M2lLJ41-1715437862898)]

[外链图片转存中…(img-Wp333q9p-1715437862899)]