运行mock报错

Question

npm run mock

water-drop-mobile@0.0.0 mock D:\work\learn\drop\water-drop-mobile
node ./mock/index.js

file:///D:/work/learn/drop/water-drop-mobile/node_modules/@graphql-tools/utils/esm/helpers.js:1
import { parse } from ‘graphql’;
^^^^^
SyntaxError: The requested module ‘graphql’ is expected to be of type CommonJS, which does not support named exports. CommonJS modules can be imported by importing the default export.
For example:
import pkg from ‘graphql’;
const { parse } = pkg;
at ModuleJob._instantiate (internal/modules/esm/module_job.js:98:21)
at async ModuleJob.run (internal/modules/esm/module_job.js:137:5)
at async Loader.import (internal/modules/esm/loader.js:165:24)
at async Object.loadESM (internal/process/esm_loader.js:68:5)

Answer 1

黑石 2023-04-11 22:33:29

这个问题是跟模块引入方式有关，你可以按照老师的 tsconfig.json 里的配置进行修改，看看我们代码之间的差异。

{
"compilerOptions": {
"target": "ESNext",
"useDefineForClassFields": true,
"lib": ["DOM", "DOM.Iterable", "ESNext"],
"allowJs": false,
"skipLibCheck": true,
"esModuleInterop": false,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"module": "ESNext",
"moduleResolution": "Node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx",
"paths": {
"@/*": [
"./src/*"
]
}
},
"include": ["./"],
"references": [{ "path": "./tsconfig.node.json" }]
}

主要看看 

esModuleInterop module allowSyntheticDefaultImports

这三个属性的设置。

• 提问者 兰博万 #1

  老师，我找到问题了，是我忘了切换NodeJS版本，用了14 的版本，换回最新版本就好了。。。

• 黑石 回复 提问者 兰博万 #2

  OK!