reactjs - 创建 React App 错误 - 加载 PostCSS "postcss-preset-env"插件失败 : Cannot find module 'node:vm'-6ren

reactjs - 创建 React App 错误 - 加载 PostCSS "postcss-preset-env"插件失败 : Cannot find module 'node:vm'

转载作者：行者123 更新时间：2023-12-05 05:40:13

26

4

<分区>

我刚刚用“npx create react app”创建了一个新的 React 应用程序，当我用“npm start”运行它时(我没有改变任何东西)我得到了这个错误:

编译有问题:X

./src/App.css 中的错误 (./node_modules/css-loader/dist/cjs.js??ruleSet 1 .rules 1 .oneOf[5].use 1 !./node_modules/postcss-loader/dist/cjs.js??ruleSet 1 .rules 1 .oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css)

模块错误(来自./node_modules/postcss-loader/dist/cjs.js):加载 PostCSS“postcss-preset-env”插件失败:找不到模块“node:vm”需要堆栈:

C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules@csstools\postcss-trigonometric-functions\dist\index.cjs
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\postcss-preset-env\dist\index.cjs
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\postcss-loader\dist\utils.js
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\postcss-loader\dist\index.js
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\postcss-loader\dist\cjs.js
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\loader-runner\lib\loadLoader.js
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\loader-runner\lib\LoaderRunner.js
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\webpack\lib\NormalModule.js
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\webpack-manifest-plugin\dist\index.js
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\react-scripts\config\webpack.config.js
C:\Users\Nico\Documents\programacion\MernEcomm\frontend\node_modules\react-scripts\scripts\start.js enter image description here

26

4

0

文章推荐： python - 根据条件在另一个数据框列上按组计算缺失值的数量

文章推荐： r - 无法使用 tryCatch() 将错误案例添加到列表 R

文章推荐： php - Android FCM 推送通知使用的 key 在哪里？

babeljs - babel-preset-env 和 @babel/preset-env 有什么区别
我很难理解两者之间的区别。有人可以解释为什么@babel/preset-env更有益于其targets ? 最佳答案所有以 @ 为前缀的包都是 Babel 7 系列的一部分。几年前，npm 发布了他
javascript - babel-preset-es2015 和 babel-preset-env 有什么区别？
我目前正在尝试了解 babel 配置，但被 babel-preset-** 弄糊涂了，babel 中有很多预设，比如 env，es2015, react 和其他人，我知道 babel-preset-e
ecmascript-6 - babel-preset-stage-0、babel-preset-stage-1 等有什么区别？
我的问题是:babel-preset-stage-0 之间有什么区别？ , babel-preset-stage-1 , babel-preset-stage-2和 babel-preset-stag
reactjs - Babel 7.5 目标是 babel-preset-es2015 而不是 @babel/preset-env
我已经安装了 babel 7.5，理想情况下它应该以 preset-env 包为目标，但不确定它为什么要寻找“babel-preset-es2015”。你们能告诉我我做错了什么吗？下面是我的代码 p
javascript - babel preset @babel/preset-react 不喜欢我返回 JS.X 元素的 javascript 函数
我有一个 .js 文件，其中 react 导入了一个返回 span 标签的函数，如下所示: makeSpan = (number, prefix) => { return {prefix} {nu
javascript - 巴别塔错误 : "Couldn' t find preset 'latest' relative to directory"when preset was installed globally
这个问题在这里已经有了答案: Error: Couldn't find preset "react" when installed using npm install --global babel-
typescript - Jest 错误: "preset @vue/cli-plugin-unit-jest/presets/typescript-and-babel not found"
我有默认的 jest.config.js，但是当我想运行单元测试时，我收到一条错误消息: 验证错误:找不到预设@vue/cli-plugin-unit-jest/presets/typescript-
reactjs - 在 React 和 Webpack 项目上从 "babel-preset-es2015"转换到 "babel-preset-env"时出现问题
我有一个一直在使用 babel-preset-es2015 的 React 项目，它使用 webpack 构建得很好，但是自从我搬到了 babel-preset-env 模块构建失败。出现此错误消息
javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用
我正在尝试转换编译我的 react/es6 代码并且来自 browserify。由于新的 babel 6 版本以及大多数教程现在已经过时的事实，我正在努力创建一个 webpack 构建。这适用于我的
webpack - 为什么我的设置中需要 "@babel/plugin-proposal-optional-chaining"使用 "@babel/preset-env"和 "@babel/preset-typescript"
我有一个使用 Typescript 和 @babel/preset-env 的项目。与 Webpack 捆绑失败并显示此错误和以下配置。如果我取消注释该行，这会强制 @babel/plugin-pr
javascript - 从 babel-preset-react-app/index.js 获取 "Error: Plugin/Preset files are not allowed to export objects, only functions."
所以我有一个使用 create-react-app 引导的项目，当尝试使用 react-scripts build 构建时，我收到以下错误输出: 模块构建失败:错误:不允许插件/预设文件导出对象，只能
javascript - 从 React : am including Cloudinary unsigned preset but get "Upload preset must be specified when using unsigned upload" 上传 Cloudinary 图片
我正在尝试基于此代码笔示例构建一个简单的 Cloudinary 图像上传:https://codepen.io/team/Cloudinary/pen/QgpyOK -- 我已经将它转换为与 fetc
node.js - 错误 : Couldn't find preset "react" when installed using npm install --global babel-preset-react but works without global flag
我使用 npm install --global babel-cli 安装了 Babel CLI(版本 6)。然后我使用 npm install --global babel-preset-react
webpack - babel vs babel-core vs babel-loader vs babel-preset-2015 vs babel-preset-react vs babel-polyfill
我正在为我的 React 项目设置 Webpack，并对 babel 感到困惑, babel-core , babel-loader , babel-preset-2015和babel-preset-
typescript - React Native with Typescript and Jest 在 0.57 更新 : Couldn't find preset "module:metro-react-native-babel-preset" relative to directory 后被破坏
如果您在新的 React 版本 0.57 和 TypeScript 中将测试与 Jest 和 Enzyme 集成，它们将无法工作。以下是重现的步骤: 创建一个新的 React Native 项目: r
javascript - Npm WARN deprecated babel-preset-es2015@6.24.1 : Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs. io/env 更新
安装时 npm install browserify babelify babel-preset-es2015 我正面临以下警告信息 npm WARN deprecated babel-preset-
ffmpeg - "-preset"选项的位置重要吗？
我放置 -preset 选项的参数顺序是否重要？前任: ffmpeg -i source.mp4 -c:v libx264 -b:v 1.5M -c:a aac -b:a 128k -preset f
JavaScript 保留字 : "preset"
我有一个带有选择下拉列表的表单，我的选择标签如下所示: 现在我的 JavaScript 函数只是做 alert('test'); .好吧，当我在下拉列表中更改我的选择时，我收到一条错误消息，提示“预
ffmpeg "Option preset not found."
我正在尝试使用 ffmpeg 将 .mpg 转换为 .flv。在其他服务器上我让它工作但在这里使用 ffmpeg 克隆(avconv)它只是不这样做。最初我正在使用 libfaac 并预设 fast
ios - 为什么AVCaptureSession Preset High的画面这么黑？
尝试使用 AVCapureSessions 并尝试以不同的方式显示输出 CMSampleBufferRef(使用 AVCaptureVideoPreviewLayer，显示 CGImage 并将其转换

首页

博学

6Ren·AI

商城

reactjs - 创建 React App 错误 - 加载 PostCSS "postcss-preset-env"插件失败 : Cannot find module 'node:vm'