vue3+TypeScript+vite项目运行正常,打包错误问题

1.yarn build 一开始是这个错误

然后我就浑天暗地的两眼一抹黑,四处搜索,有的说node版本低级,有的说各种配置问题,和我的问题信息只有其中一个单词对应上的问题,根本无法解释和解决我的问题,因为同样的配置,我最开始的项目是可以完成打包的,我后面只是做了多语言插入以及界面的多语言翻译配置,所以基本没用,我始终找不到跟我问题契合的解决方法,但是也只能碰碰运气先从比配置文件着手,和不会打包报错的源码的配置文件仔细比对之后,毫无异样,裂了裂了.......终于,有和我的报错信息 whitespace was expected这三个单词连贯出现的解决方案来了,说是和单双引号的书写方式有关,这时候我也看到vscode有个文件报错了,具体看了下是某个标签属性值少写了一个双引号,我以为解决了,一般这种毫无头绪的报错都是由一些不起眼的问题造成的,但是,问题还在,没办法了,从web界面控制台找下出路吧,看看控制台会不会报一些编译错误,果然,终端报了编译错误

1.查到是多语言文件这里出了问题,看的出来,这样的多语言翻译值确实有点复杂,引号较多为了优先解决打包问题,只能先注释掉这里了,

我隐隐有点感觉,似乎是找到出口了,我也想起,项目里面有些标签属性值大部分用的是双引号包裹,部分用的是单引号包裹,所以我的多语言插入就从单引变成双引

2.继续解决,全局搜索     t("    进行转换

此问题已消失,新的问题出现了,请看下图

无语了都是这种没有任何关于我的代码信息的图示,又是一阵疯狂摸索................

好在,我实在是穷途末路了,但是我又做了那么多努力,在原始代码的基础上调整的太多,我有心从头来过也无力呀,试一下替换一下界面文件吧

我从src开始替换,打包成功,确实是src的界面编译的问题,犹豫尝试了很久,痛定思痛,一步步替换文件了,还好src/view中的文件夹我挨个替换之后,发现了替换其中一个文件打包之后出现了 unexpected token问题,打开文件夹里的界面进行对比,发现

修改之后又可了,接着替换,结果慢慢好转了,其中一个文件夹替换打包之后会提示具体某段代码问题了

修改之后

然后另一个问题

为了先打包,先注释掉,后期解决多语言的引入方式

都是多语言配置搞得鬼,到此,打包彻底成功

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值