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

Posted 2023-02-16

【中文标题】尝试 yarn start 时如何解决 web 重要错误？

【英文标题】：How can I solve web vital error when I try yarn start?

【发布时间】：2021-12-13 00:30:21

【问题描述】：

我通过 Yarn 创建了一个 React 应用程序，但是当我尝试启动时，我在下面遇到了这个错误。我的所有应用程序都会发生这种情况。

yarn start
yarn run v1.22.17
warning ../package.json: No license field
$ react-scripts start
node:internal/modules/cjs/loader:488
      throw e;
      ^

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/tokenize' is not defined by "exports" in /home/barry/state/node_modules/postcss-safe-parser/node_modules/postcss/package.json
    at new NodeError (node:internal/errors:371:5)
    at throwExportsNotFound (node:internal/modules/esm/resolve:416:9)
    at packageExportsResolve (node:internal/modules/esm/resolve:669:3)
    at resolveExports (node:internal/modules/cjs/loader:482:36)
    at Function.Module._findPath (node:internal/modules/cjs/loader:522:31)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:919:27)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/home/barry/state/node_modules/postcss-safe-parser/lib/safe-parser.js:1:17) 
  code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'


Node.js v17.0.1
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

我尝试了npm i web-vitals --save-dev 和yarn add -D web-vitals，但它不再起作用了。

我也试过yarn add -g web-vitals。

【参考方案1】：

存在一个与 Create React App 和使用 Node v17 构建相关的问题。

见create-react-app #11565

尝试node --version 查看您使用的节点版本。如果它是 v17+，那么您很可能遇到了这个错误。

要解决此问题，您可以使用 Node yarn.lock 或 package-lock .json - 然后重新安装依赖项。

【参考方案2】：

尝试：

yarn upgrade

为我修复了错误，React App 开始工作。