nodejs 支持import json 导入版本v17.1.0+

Node.js v17.1.0 及以上版本 原生支持 import json。如果你的 Node.js 版本较低,需要额外的配置或使用 fs 读取 JSON 文件。


1. Node.js v17.1.0+

从 JSON 文件中导入数据(原生支持)

如果你的 Node.js 版本 >= 17.1.0 ,可以直接使用 import 方式加载 JSON 文件:

python 复制代码
import data from './data.json' assert { type: 'json' };

console.log(data);

注意

  • 必须使用 assert { type: 'json' },否则会报错。
  • 你的 package.json 需要 "type": "module",或者以 .mjs 结尾的文件。

2. Node.js v16.14.0+(实验性支持)

  • 在 Node.js 16.14.0 及以上 ,可以使用 import 但需要 --experimental-json-modules 选项
css 复制代码
node --experimental-json-modules index.mjs

代码示例:

python 复制代码
import data from './data.json' assert { type: 'json' };

console.log(data);

⚠️ 3. 低版本(Node.js <16) 或 CommonJS 方式

如果你的 Node.js 版本 低于 16 ,或者你的项目使用的是 CommonJSrequire()),可以用 fs.readFileSync 读取 JSON:

ini 复制代码
const fs = require('fs');

const data = JSON.parse(fs.readFileSync('./data.json', 'utf8'));

console.log(data);

或者直接 require()(适用于 Node.js 12+ ):

ini 复制代码
const data = require('./data.json');

console.log(data);

** 总结**

Node.js 版本 方式 代码示例
v17.1.0+ 原生支持 import import data from './data.json' assert { type: 'json' };
v16.14.0+ 实验性支持 需要 --experimental-json-modules
低于 v16 require()fs 读取 const data = require('./data.json');
相关推荐
0和1的舞者4 小时前
Spring AOP详解(一)
java·开发语言·前端·spring·aop·面向切面
web小白成长日记4 小时前
在Vue样式中使用JavaScript 变量(CSS 变量注入)
前端·javascript·css·vue.js
QT 小鲜肉4 小时前
【Linux命令大全】001.文件管理之which命令(实操篇)
linux·运维·服务器·前端·chrome·笔记
C_心欲无痕4 小时前
react - useImperativeHandle让子组件“暴露方法”给父组件调用
前端·javascript·react.js
BullSmall6 小时前
支持离线配置修改及删除操作的实现方案
前端
全栈前端老曹6 小时前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
EndingCoder6 小时前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
张雨zy7 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
五月君_7 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui
!执行7 小时前
遇到 Git 提示大文件无法上传确实让人头疼
前端·github