在 Node v22 中导入 JSON 时出现 "SyntaxError: Unexpected identifier 'assert'" 错误

# 问题背景：

A Node program of mine that worked fine in Node v21 now immediately crashes with a syntax error in Node v22. The line that triggers the error looks like this:

我在 Node v21 中正常工作的一个 Node 程序，现在在 Node v22 中立即因语法错误崩溃。触发错误的代码行如下所示：

import config from "./some-config-file.json" assert { type: "json" };

and the error says:        错误信息：

SyntaxError: Unexpected identifier 'assert'

    at compileSourceTextModule (node:internal/modules/esm/utils:337:16)

    at ModuleLoader.moduleStrategy (node:internal/modules/esm/translators:166:18)

    at callTranslator (node:internal/modules/esm/loader:436:14)

    at ModuleLoader.moduleProvider (node:internal/modules/esm/loader:442:30)

    at async ModuleJob._link (node:internal/modules/esm/module_job:106:19)

Why am I getting this error in code that previously worked, and how should I fix it?

为什么我在以前正常工作的代码中会遇到这个错误，我应该如何修复它？

# 前言

项目里使用的 echarts 版本是 4.9.0 , 这里就用该版本做演示；

鉴于 echarts 折线图和柱状图可以直接通过 toolbox 转换，所以我们只需要在 toolbox 中增加一个和饼图进行转换的方法即可

OpenTiny HUICharts 是一个数据可视化图表库，旨在为用户提供丰富的图表类型和灵活的配置选项，以便更好的展示和分析数据。

在使用 ECharts 进行图表绘制时，可以利用 CSS Grid 布局来组织页面元素，确保图表能够在容器中正确显示。以下是一个简单的例子，展示了如何使用 CSS Grid 布局来搭建一个包含 ECharts 图表的页面。

在 Vue 中使用 ECharts 进行打印时，可以通过 ECharts 提供的 getDataURL 方法获取图表的 Base64 图片 URL，然后使用浏览器的打印 API 进行打印。以下是一个简单的示例：

1. 首先，确保你已经在 Vue 项目中安装并配置了 ECharts

2. 在你的 Vue 组件中，创建一个方法来处理打印逻辑.

vue 中元素上加上 ref 属性取值，相当于取整个元素的，和 $("#id") 类似。但是要用此属性需要了解加载的时间，从官网上可以看到

关于 ref 注册时间的重要说明：因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们 - 它们还不存在！ $refs 也不是响应式的，因此你不应该试图用它在模板中做数据绑定。

一般用法就是在 mounted 方法中加入 this.$nextTick