vue 运行时报SyntaxError: Unexpected token (1:5)

最新推荐文章于 2023-11-13 10:00:45 发布

天使马克

最新推荐文章于 2023-11-13 10:00:45 发布

阅读量7.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： VUE 文章标签： vue

本文链接：https://blog.youkuaiyun.com/JimBo3693/article/details/87361045

VUE 专栏收录该内容

3 篇文章

订阅专栏

本文详细解析了在使用VUE开发系统时遇到的项目启动报错问题，错误源于配置文件中的语法不当，未正确使用双引号包裹字符串值。通过修改prod.env.js文件中的API_URL参数格式，成功解决了启动过程中的SyntaxError。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在用VUE开发系统过程中，启动项目时报错，但 npm run dev 能启动成功。

报错如下：

20% building modules 90/96 modules 6 active ...odules\async-validator\es\messages.js{ SyntaxError: Unexpected token (1:5)
    at Parser.pp$4.raise (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:2488:13)
    at Parser.pp.unexpected (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:623:8)
    at Parser.pp.expect (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:617:26)
    at Parser.pp$3.parseParenAndDistinguishExpression (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:2043:38)
    at Parser.pp$3.parseExprAtom (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:1978:41)
    at Parser.parseExprAtom (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\lib\inject.js:58:31)
    at Parser.pp$3.parseExprSubscripts (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:1872:19)
    at Parser.pp$3.parseMaybeUnary (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:1849:17)
    at Parser.pp$3.parseExprOps (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:1791:19)
    at Parser.pp$3.parseMaybeConditional (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:1774:19)
    at Parser.pp$3.parseMaybeAssign (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:1750:19)
    at Parser.pp$3.parseExpression (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:1722:19)
    at Parser.pp$1.parseStatement (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:777:45)
    at Parser.parseStatement (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\lib\inject.js:45:31)
    at Parser.pp$1.parseTopLevel (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:672:23)
    at Parser.parse (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:529:15)
    at Object.parse (D:\[ A ] WorkPath\[ G ]VueJs\ifcp-master\node_modules\acorn-dynamic-import\node_modules\acorn\dist\acorn.js:3378:37) pos: 5, loc: Position { line: 1, column: 5 }, raisedAt: 6 }
 95% emitting DONE  Compiled successfully in 15054ms14:28:36

经过排查，最终查出的原因是是在confing/prod.env.js文件中添加API_URL参数时没有双引号导致。这里定义参数时是key-value的形式，但value值的格式是单引号内要用双引号，正确格式的内容如下：

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  API_URL: '"http://localhost:8088"'
}

vue 运行时 报SyntaxError: Unexpected token (1:5)

vue 运行时报SyntaxError: Unexpected token (1:5)