「Node.js」import 引入 JSON 文件的問題 - rollup && eslint

2023年2月9日#Node.js #JavaScript #rollup #eslint546

AI 翻譯

這篇文章透過AI由英文翻譯成繁體中文。查看原文

AI 生成的摘要

這篇文章討論了在使用Node.js的rollup和eslint時，引入JSON文件的問題。在升級rollup 3.15版本後，會出現錯誤提示需要使用import斷言來指定JSON類型。但是這樣修改後又會引起eslint的錯誤。為了解決這個問題，需要安裝相應的eslint和babel插件。最後，文章提供了一個關於ESLint安裝和使用的連結以及一個關於assert {type: "json"}的討論連結。

rollup 2.x 版本是可以直接這麼寫的：

// rollup.config.js
import pkg from "./package.json";

升級 3.15 後報錯；

[!] TypeError: Module "./package.json" needs an import assertion of type "json"

修改後 eslint 又會報錯：

// rollup.config.js
import pkg from "./package.json" assert { type: "json" };
// Parsing error: Unexpected token assert ← eslint

進一步解決：

cnpm i -D eslint @babel/core @babel/eslint-parser @babel/plugin-syntax-import-assertions

// .eslintrc.js
"parser": "@babel/eslint-parser",
"parserOptions": {
    "requireConfigFile": false,
    "babelOptions": {
        "plugins": [
            '@babel/plugin-syntax-import-assertions'
        ],
    },
    "ecmaVersion": "latest",
    "sourceType": "module",
},

就挺麻煩的 - -

· · · · · ·

「折騰」ESLint 安裝與使用_電腦網路_沉冰浮水：

https://www.wdssmq.com/post/20190917021.html

Support of assert {type: "json"} · Discussion #15305 · eslint/eslint：

https://github.com/eslint/eslint/discussions/15305#discussioncomment-2508948