RollupError: Unexpected token `.`. Expected ... , *, (, [, :, , ?, = or an identifier

<el-form
        ref="form"
        :model="data"
        :rules="rules"
        label-width="125px"
        v-loading="loading"
        v-if="boxVisible"
        :disabled="isView"
        :element-loading-text="$t('保存中,请稍后')"
      >

问题

:element-loading-text=“$t(‘保存中,请稍后’)” 这样 yarn run build 不报错, :element-loading-text=“保存中,请稍后” 直接写中文报错

RollupError: Unexpected token `.`. Expected ... , *,  (, [, :, , ?, = or an identifier

大模型给的解释:

这个错误信息 RollupError: Unexpected token ‘.’ 实际上与 :element-loading-text 属性没有直接关系，而是由于 Rollup（一个 JavaScript 模块打包器）在处理你的代码时遇到了一个意外的语法错误。错误通常发生在 Rollup 试图将你的 ES6+ 代码转换成更传统的 ES5 代码时，但遇到了它不理解或不支持的语法。

不过，从你给出的代码片段中，:element-loading-text 并不是 组件的一个标准属性，如前面提到的，这可能会导致运行时错误，但不应该直接导致 Rollup 的编译错误。

至于为什么直接写中文会触发 Rollup 错误，这可能是由于几个原因：

1、配置问题：Rollup 的配置文件（可能是 rollup.config.js）可能没有正确设置来处理中文字符串或你的特定代码结构。
2、插件冲突：你可能在使用一些 Rollup 插件，这些插件可能不支持或错误地处理了中文字符串。
3、代码中的其他部分：错误可能实际上是在你的代码中的其他部分，但由于 Rollup 的错误报告可能不总是完全准确，所以你可能错误地将其归咎于 :element-loading-text。
4、Vue 模板中的 JS 表达式：在某些情况下，Vue 模板中的 JS 表达式可能会以某种方式导致 Rollup 的解析问题，特别是当它们包含非标准语法或 Rollup 不熟悉的特性时。
为了解决这个问题，你可以尝试以下步骤：

检查 Rollup 配置：确保你的 Rollup 配置能够正确处理你的代码和依赖。
更新 Rollup 和插件：确保你使用的 Rollup 和所有相关插件都是最新版本。
简化代码：尝试将问题简化为最小的可重现示例，以便更容易地定位问题。
查看完整的错误堆栈：Rollup 的错误堆栈通常会提供有关问题发生位置的更多信息。查看完整的堆栈跟踪可能会帮助你找到问题的根源。
移除或替换有问题的代码：如果可能的话，尝试移除或替换导致问题的代码部分，看看是否解决了问题。
搜索类似问题：搜索类似的 Rollup 错误和解决方案，看看是否有人遇到过类似的问题并找到了解决办法。
最后，由于 :element-loading-text 不是 的标准属性，你可能需要考虑使用其他方法来显示加载时的文本，比如使用 组件或其他自定义的加载指示器。