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');
相关推荐
十里-6 分钟前
为什么创建1x1的gif图片,和png 或者jpg图片有什么区别
前端
u***u68514 分钟前
Vue云原生
前端·vue.js·云原生
OpenTiny社区30 分钟前
TinyEngine 低代码实时协作揭秘:原理 +实操,看完直接用!
前端·vue.js·低代码
5***79001 小时前
Vue项目性能优化
前端·javascript·vue.js
天若有情6732 小时前
【c++】手撸C++ Promise:从零实现通用异步回调组件,支持链式调用+异常安全
开发语言·前端·javascript·c++·promise
抱琴_2 小时前
【Vue3】大屏性能优化黑科技:Vue 3 中实现请求合并,让你的大屏飞起来!
前端·vue.js
不会玩电脑的Xin.2 小时前
HTML + CSS
前端·css·html
hadage2333 小时前
--- JavaScript 的一些常用语法总结 ---
java·前端·javascript
彭于晏爱编程3 小时前
🍭🍭🍭升级 AntD 6:做第一个吃螃蟹的人
前端