vue build打包报错Assignment to constant variable

前端开发中vue框架的应用想必就不需多说了,应用的越加广泛那么对应遇到的各种问题也会增多。很多奇奇怪怪、形形色色的错误总是让人头疼,比如我遇到的这个错误。


错误分析:从截图中的错误翻译结果为:常量变量赋值。

针对该错误,我尝试过全局对const定义的变量进行从新定义为var,但最终结果只能是不尽如意。由此也可以推断出,该错误和const并没有关联。

于是开始回忆接手这个项目后,自己处理过的报错。

其中一个错误让我感觉与该结果关联很大,即:Top-level await is not available in the configured target environment

于是又一次,针对该错误去查询引起这个错误的原因。结果如下

处理前写法

const data = await getOrganizationAllTree({ hasRoot: false });

于是又针对该错误,从新调整了代码

const data = async () => {
return await getOrganizationAllTree({ hasRoot: false });
};

调整后Top-level await is not available in the configured target environment便被顺利解决了,由此又将项目从新打包,运行。

就这样Assignment to constant variable直接就被解决了,后面关于该问题最大的可能性就是代码兼容性的问题。

只能说平常代码中使用新东西没错,但确实需要非常慎重。不然一旦出现各种错误真的是很头疼,关于这样一个简单的问题直接折磨了我好几天。特别是这种从别人手上接下的半成品更头疼。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!