如何使用 Yarn 2 创建 React 应用程序?

Posted

技术标签:

【中文标题】如何使用 Yarn 2 创建 React 应用程序?【英文标题】:How to use Create React App using Yarn 2? 【发布时间】:2020-05-15 23:36:11 【问题描述】:

在 yarn v1 中,我们使用 yarn create react-app my-app 初始化创建反应应用程序。如何在yan v2中初始化。

上面的命令报错

Usage Error: No project found in <<directory>>

$ yarn run <scriptName> ...

【问题讨论】:

【参考方案1】:

检查你的纱线版本:

yarn --version

如果它低于 1.22,你可能需要升级它以使用 yarn 2:

npm install -g yarn

然后您可以创建您的应用程序:

yarn create react-app my-app
cd my-app
yarn set version berry
yarn
yarn start

这应该让您的 react 应用程序使用 yarn 2 启动并运行。您可能需要删除 node_modules 文件夹:

rm -R node_modules

另外,你需要 .yarnrc.yml的下一行

nodeLinker: "node-modules"

【讨论】:

yarn create react-app 是错字吗?它不应该有空格吗? 不,这不是错字classic.yarnpkg.com/en/docs/cli/create【参考方案2】:

您可以使用yarn dlx create-react-app my-app。它会起作用的。 yarn version2 更新带来了很多变化。 还可以查看此以获取更多信息:https://dev.to/arcanis/introducing-yarn-2-4eh1

【讨论】:

这在 yarn 2 monorepo 中效果不是特别好——它还会将 .pnp.cjs 文件、.yarn 文件夹添加到包文件夹中,而不是放在根目录中。跨度>

以上是关于如何使用 Yarn 2 创建 React 应用程序?的主要内容,如果未能解决你的问题,请参考以下文章

使用 yarn Plug n Play 安装 React 应用程序

在使用 create-react-app 创建项目时有啥方法可以使用 NPM 而不是 Yarn

尝试 yarn start 时如何解决 web 重要错误?

如何默认将项目从 npm 转换为 yarn

如果我运行 create-react-app 它是用 yarn 构建的

使用 yarn 工作区和 react-router-dom v6 时如何正确继承上下文?