由于 postcss,create-react-app 无法正常工作

Posted

技术标签:

【中文标题】由于 postcss,create-react-app 无法正常工作【英文标题】:create-react-app not working due to postcss 【发布时间】:2021-02-18 09:41:33 【问题描述】:

我目前正在学习 React,并使用 create-react-app 启动了一个新应用。

我导航到新应用,然后运行npm start

我收到此错误消息:

Error: Cannot find module '~/Desktop/forms-test/node_modules/postcss-safe-parser/node_modules/postcss/lib/tokenize'
    at createEsmNotFoundErr (internal/modules/cjs/loader.js:907:15)
    at finalizeEsmResolution (internal/modules/cjs/loader.js:900:15)
    at resolveExports (internal/modules/cjs/loader.js:432:14)
    at Function.Module._findPath (internal/modules/cjs/loader.js:472:31)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:867:27)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (~/Desktop/forms-test/node_modules/postcss-safe-parser/lib/safe-parser.js:1:17)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)

任何帮助都会非常有用。

我正在运行 Mac OS Catalina,使用 npm,并运行 zsh。我正在使用节点版本 14.13.1

【问题讨论】:

我建议再次安装您的依赖项,这会有所帮助 @tmhao2005 什么命令可以做到这一点? 如果你使用 npm,npm i。或者使用纱线,只需运行yarn @tmhao2005 npm i 没有解决任何问题。 您没有检查文件node_modules/postcss/lib/tokenize.js 现在是否存在吗? 【参考方案1】:

对于其他挖掘,我按照this answer 上的说明进行操作。

rm yarn.lock
yarn install

然后重新安装所有内容并正确导出 node_modules/postcss-safe-parser/node_modules/postcss/package.json 内的 lib/tokenize 路径。

【讨论】:

以上是关于由于 postcss,create-react-app 无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章

Vue尾风项目不会运行postcss错误

postcss-px-to-viewport 的 exclude 配置无效

vant+postcss-px-to-viewport 记一次移动端网页适配之旅

gulp:PostCSS 失败 - postcss 版本高于 postcss-import 的版本

错误:PostCSS 插件 autoprefixer 需要 PostCSS 8。更新 PostCSS 或降级此插件

postcss7和postcss8的差异