本地老工程vue2.7.x+webpack4在降级webpack5的时候遇启动和打包报错:
Syntax Error: SyntaxError: /xxxxx.vue Unexpected token, expected "," (1:8)> 1 | [object Promise] | ^ 2 | export { render, staticRenderFns }
最初才发现是prettier导致的。
举荐看看stackoverflow下面这个答复。Update Nodejs 14->18 — webpack have the same syntaxError: /.../xxx.vue: Unexpected token, expected "," (1:8) for ALL Vue 2 components in the project
导致起因:
在prettier v3.0.0中,默认值从es5更改为all
Default value changed from es5 to all in v3.0.0Print trailing commas wherever possible in multi-line comma-separated syntactic structures. (A single-line array, for example, never gets trailing commas.)Valid options:"all" - Trailing commas wherever possible (including function parameters and calls). To run, JavaScript code formatted this way needs an engine that supports ES2017 (Node.js 8+ or a modern browser) or downlevel compilation. This also enables trailing commas in type parameters in TypeScript (supported since TypeScript 2.7 released in January 2018)."es5" - Trailing commas where valid in ES5 (objects, arrays, etc.). No trailing commas in type parameters in TypeScript."none" - No trailing commas.
解决办法1
prettier插件版本回退到v2.8.8
"prettier":"v2.8.8"
解决办法2
vue-loader配置prettify: false。
{ test: /\.vue$/, loader: 'vue-loader', options: { // vue loader在解决.vue模板时默认不必prettier格式化 prettify: false, }, },