嘗試 yarn start 時如何解決 Web 重要錯誤？

Question

我通過 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 。

Answer 1

有一個與 Create React App 和使用 Node v17 構建相關的持續問題。

參見create-react-app #11565

嘗試node --version以查看您使用的節點版本。 如果它是 v17+，那么您可能會遇到此錯誤。

要解決此問題，您可以使用 Node < v17 版本，刪除 node_modules 文件夾和您使用的任何系統的鎖文件（ yarn.lock或package-lock.json） ，然后重新安裝依賴項。

Answer 2

嘗試：

yarn upgrade

為我修復了錯誤，React App 開始工作。