- 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
|
|
|
|
@ ./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(),
// 其他插件
…
]
(Emitted value instead of an instance of Error)
⚠️ PostCSS Loader
Previous source map found, but options.sourceMap isn’t set.
In this case the loader will discard the source map entirely for performance reasons.
See https://github.com/postcss/postcss-loader#sourcemap for more information.
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{“sourceMap”:false}!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/lib?{“sourceMap”:false}!./node_modules/vue-loader/lib?{“loaders”:{“css”:[“vue-style-loader”,{“loader”:“css-loader”,“options”:{“sourceMap”:false}}],“postcss”:[“vue-style-loader”,{“loader”:“css-loader”,“options”:{“sourceMap”:false}}],“less”:[“vue-style-loader”,{“loader”:“css-loader”,“options”:{“sourceMap”:false}},{“loader”:“less-loader”,“options”:{“sourceMap”:false}}],“sass”:[“vue-style-loader”,{“loader”:“css-loader”,“options”:{“sourceMap”:false}},{“loader”:“sass-loader”,“options”:{“indentedSyntax”:true,“sourceMap”:false}}],“scss”:[“vue-style-loader”,{“loader”:“css-loader”,“options”:{“sourceMap”:false}},{“loader”:“sass-loader”,“options”:{“sourceMap”:false}}],“stylus”:[“vue-style-loader”,{“loader”:“css-loader”,“options”:{“sourceMap”:false}},{“loader”:“stylus-loader”,“options”:{“sourceMap”:false}}],“styl”:[“vue-style-loader”,{“loader”:“css-loader”,“options”:{“sourceMap”:false}},{“loader”:“stylus-loader”,“options”:{“sourceMap”:false}}]},“cssSourceMap”:false,“cacheBusting”:true,“transformToRequire”:{“video”:[“src”,“poster”],“source”:“src”,“img”:“src”,“image”:“xlink:href”}}!./src/views/iot-supervise/truck/truck-carousel.vue?vue&type=style&index=0&lang=css& 4:14-1577 14:3-18:5 15:22-1585
@ ./src/views/iot-supervise/truck/truck-carousel.vue?vue&type=style&index=0&lang=css&
@ ./src/views/iot-supervise/truck/truck-carousel.vue
@ ./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
**分析:**这里面的错误是关于postcss-loader
的,只要将config/index.js
中dev.cssSourceMap
设置为true
即可。
升级过程中还遇到了一个警告,虽然不影响功能,但是看着还是很难受的。
in ./src/icons/svg/workList.svg
svg-sprite-loader exception. 28 rules applies to D:\coollu\projects\coollu-v3\source-code\v1.0.1\update-elementui-test\src\icons\svg\workList.svg
@ ./src/icons/svg .svg$
@ ./src/icons/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:9532 webpack/hot/dev-server babel-polyfill ./src/main.js
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!