npx create-react-app 命令不起作用,returns ES 模块错误
npx create-react-app command does not work, returns ES module error instead
这是我 运行 尝试创建 React 应用程序的命令和生成的错误日志。我之前用命令 $ npx create-react-app
已经成功 运行 了三次,但现在每次我 运行 它都不起作用,而是 returns 一个错误ES模块相关。我一直在尝试多种将 React 与 Django 集成的方法,但我不认为我在这样做时编辑了任何核心文件会导致此错误。我对 React 和 Node.js 完全陌生,所以任何建议都将不胜感激。
npx: installed 99 in 7.591s
Must use import to load ES Module: /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/is-promise/index.js
require() of ES modules is not supported.
require() of /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/is-promise/index.js from /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/run-async/index.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/is-promise/index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/is-promise/package.json.```
这似乎是 npm 最近出现的问题。截至最近几个小时,有一个未解决的问题,似乎人们正在研究它。我认为这与您的 Django/React 项目无关。
在修复问题时:尝试如下所示安装节点版本 12.12.0 并再次 运行 create-react-app。
nvm install 12.12.0
nvm use 12.12.0
这是 node 的问题,要么你必须降级你的 node 版本,要么你可以使用 Yarn 尝试以下操作:
所以,显然问题出在 npm 上,我们都没有做错任何事,但我们仍然可以在他们解决问题时使用 Yarn 启动一个新的 React 项目,请按照以下步骤操作:
第一步:纱线初始化-y
第 2 步:将此插入 package.json
"resolutions": {
"is-promise": "2.1.0",
"run-async/is-promise": "2.1.0"
}
第 3 步:yarn add --dev create-react-app
第 4 步:yarn create-react-app ../my-app
这是我 运行 尝试创建 React 应用程序的命令和生成的错误日志。我之前用命令 $ npx create-react-app
已经成功 运行 了三次,但现在每次我 运行 它都不起作用,而是 returns 一个错误ES模块相关。我一直在尝试多种将 React 与 Django 集成的方法,但我不认为我在这样做时编辑了任何核心文件会导致此错误。我对 React 和 Node.js 完全陌生,所以任何建议都将不胜感激。
npx: installed 99 in 7.591s
Must use import to load ES Module: /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/is-promise/index.js
require() of ES modules is not supported.
require() of /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/is-promise/index.js from /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/run-async/index.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/is-promise/index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /Users/(username)/.npm/_npx/27993/lib/node_modules/create-react-app/node_modules/is-promise/package.json.```
这似乎是 npm 最近出现的问题。截至最近几个小时,有一个未解决的问题,似乎人们正在研究它。我认为这与您的 Django/React 项目无关。
在修复问题时:尝试如下所示安装节点版本 12.12.0 并再次 运行 create-react-app。
nvm install 12.12.0
nvm use 12.12.0
这是 node 的问题,要么你必须降级你的 node 版本,要么你可以使用 Yarn 尝试以下操作: 所以,显然问题出在 npm 上,我们都没有做错任何事,但我们仍然可以在他们解决问题时使用 Yarn 启动一个新的 React 项目,请按照以下步骤操作:
第一步:纱线初始化-y
第 2 步:将此插入 package.json
"resolutions": { "is-promise": "2.1.0", "run-async/is-promise": "2.1.0" }
第 3 步:yarn add --dev create-react-app
第 4 步:yarn create-react-app ../my-app