Add “@babel/plugin-proposal-private-property-in-object“ to your devDependencies to work

已于 2023-06-15 23:03:09 修改
阅读量6.8k 收藏 13
点赞数 5
分类专栏： web 文章标签： 前端 javascript react.js
于 2023-06-15 23:02:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46110497/article/details/131237350
版权

One of your dependencies, babel-preset-react-app, is importing the
“@babel/plugin-proposal-private-property-in-object” package without
declaring it in its dependencies. This is currently working because
“@babel/plugin-proposal-private-property-in-object” is already in your
node_modules folder for unrelated reasons, but it may break at any time.

babel-preset-react-app is part of the create-react-app project, which
is not maintianed anymore. It is thus unlikely that this bug will
ever be fixed. Add “@babel/plugin-proposal-private-property-in-object” to
your devDependencies to work around this error. This will make this message
go away.

解决方法

如果你使用npm，运行以下命令：

npm install --save-dev @babel/plugin-proposal-private-property-in-object

如果你使用yarn，运行以下命令：

yarn add --dev @babel/plugin-proposal-private-property-in-object

这些命令会将@babel/plugin-proposal-private-property-in-object包添加到你的devDependencies中，并解决报错。它会自动下载并安装该包的最新版本。

杏花怎酿酒
关注
  • 5
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
babel-plugin-transform-async-to-promises:将asyncawait转换为有些惯用JavaScript Promise链
05-02
babel-plugin-transform-async-promise Babel插件可使用最少的帮助器函数将包含await表达式的async函数转换为等效的Promise调用链。 输入： async function fetchAsObjectURL ( url ) { const response = await ...
react项目运行出现 One of your dependencies, babel-preset-react-app, is importing the “xxxxxxx”
H524268015wsw的博客
01-26 1215
One of your dependencies, babel-preset-react-app, is importing the “xxxxxxx”
webpack-babel-env-deps：查找要与Babel进行转译的依赖项
02-01
webpack-babel-env-deps 查找要与Babel进行转译的依赖项。 一个助手的WebPack找到需要与巴贝尔（和transpilation项目的依赖性通过对他们的比较，您的最低的Node.js引擎（） 中package.json ），和/或通过确定其最低的节点。 js引擎或已发布的ES2015 / ES6 +源（ package.json / jsnext:main ），要求使用插件和jsnext:main提供的功能。
React Cli 脚手架搭建Demo
最新发布
weixin_39373817的博客
02-27 336
【代码】React Cli 脚手架搭建Demo。
babel-plugin-object-to-json-parse:该插件将对象文字转换为JSON.parse
04-30
babel-plugin-object-to-json-parse :rocket: 该存储库受启发 只要仅对JSON字符串求值一次，与JavaScript对象文字相比，JSON.parse方法就快得多，尤其是对于冷负载。 JSON.parse的对象 该插件将对象文字转换为JSON.parse // before const data = { foo : 42 , bar : 1337 } ; // after const data = JSON . parse ( '{"foo":42,"bar":1337}' ) ; 如何使用 安装 $ npm install babel-plugin-object-to-json-parse -D or $ yarn add babel-plugin-object-to-json-parse -D 设置.babelrc { " plugins " :
babel-plugin-dotenv-import：使用import语句加载环境变量
01-31
babel-plugin-dotenv-import 使用import语句加载环境变量。 安装 $ npm install babel-plugin-dotenv-import 用法 .babelrc { " plugins " : [ [ " dotenv-import " , { " moduleName " : " @env " , " path " : " .env " , " blacklist " : null , " whitelist " : null , " safe " : false , " allowUndefined " : false }] ] } .env API_URL =https://api.example.org API_TOKEN = 在users.js中 import { API_URL , API_TOKEN } from "@env" fetch ( ` ${ API_URL } /users` , { headers : {
babel-eslint：用于ESLint的Babel解析器的包装器（重命名为@ babeleslint-parser）
02-02
巴别·埃斯林特 注意：babel-eslint现在为@babel/eslint-parser并且已移入 。 babel-eslint允许您使用出色的所有有效的Babel代码。 v11.xx中的重大更改 从v11.xx版本开始，babel-eslint现在需要Babel作为对等依赖项，并希望存在有效的。 这样可确保在换行和编译期间使用相同的Babel配置。 v11还更改了一些AST节点类型以匹配espree v6： ExperimentalSpreadProperty成为SpreadElement 。 ExperimentalRestProperty成为RestElement 。 Literal成为JSXText （用于JSXText）。 我什么时候应该使用babel-eslint？ ESLint的默认解析器和核心规则，不支持Babel提供的实验性（例如新功能）和非标准（例如Flow或TypeScript类型）语法。 babel-eslint是允许ESLint在Babel转换后的源代码上运行的解析器。 注意：仅在使用Babel转换代码时才需要使用babel-eslint。
babel plugin
weixin_30532987的博客
08-04 103
a = () => {}, // Support for the experimental syntax 'classProperties' isn't currently enabled yarn add @babel/plugin-proposal-class-properties --dev @babel/plugin-transform-runtime 有async aw...
react项目报错 Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` 报错解决
TangAcrab的博客
05-31 2625
报错如下: 解决方法。 在package.json 文件eslintConfig中添加如下。 "parserOptions": { "babelOptions": { "presets": [ ["babel-preset-react-app", false], ["babel-preset-react-app/prod"] ] } } 重启vscode后，不再报错。 该问题的具体描述.
【react】解决babel-preset-react-app报错
zhangankang的博客
03-11 2626
报错： Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` environment variables. Valid values are "development", "test", and "production". Instead, received: undefined.
箭头函数报错：Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section o...
weixin_30383279的博客
07-22 504
解决：根目录新建babel.config.js加入如下内容 module.exports = { presets: [ "@babel/preset-env", "@babel/preset-react" ], plugins: [ "@babel/plugin-transform-arrow-functions", "@babel/plugin-proposal-cl...
babel-plugin-transform-vue-jsx:vue 2.0 jsx的babel插件
05-02
babel-plugin-transform-vue-jsx Vue 2.0 JSX的Babel插件 Babel相容性说明 如果使用Babel 7，请使用4.x 如果使用Babel 6，请使用3.x 要求 假设您将Babel与模块捆绑器（例如Webpack）一起使用，因为扩展合并帮助器已作为模块导入以避免重复。 这与babel-plugin-transform-react-jsx 。 用法 npm install\ babel-plugin-syntax-jsx\ babel-plugin-transform-vue-jsx\ babel-helper-vue-jsx-merge-props\ babel-preset-env\ --save-dev 在您的.babelrc ： { " presets " : [ " env " ], " plugin
babel-plugin-transform-dynamic-imports-to-static-imports:将动态导入转换为静态导入的转换
03-21
babel插件将动态导入转换为静态导入 将动态导入转换为静态导入的转换 安装： npm install babel-plugin-transform-dynamic-imports-to-static-imports 用法： 带有配置文件： { " plugins " : [ " babel-plugin-transform-dynamic-imports-to-static-imports " ] } 通过CLI babel --plugins babel-plugin-transform-dynamic-imports-to-static-imports script.js 通过节点API require ( "@babel/core" ) . transform ( "code" , { plugins : [ "babel-plugin-transform-dyna
litten-app:使用React Native点燃移动应用程序存储库
03-08
立顿 使用React Native和Firebase激活移动应用程序存储库。 开发指令 # Install dependencies yarn install # Install the cocoapods dependencies yarn pods # Run the Android simulator yarn android # Run the iOS simulator yarn ios # Run the ES linter yarn lint # Run Prettier yarn pretty # Run the Flow type checker yarn type-check # Run the tests yarn test # Prepare the data dependencies yarn prepare-data # This will seed the F
babel-plugin-optional-require：Babel插件（可选），需要模块
01-31
yarn add --dev babel-plugin-optional-require 然后将其包含在您的.babelrc ： { " plugins " : [ " optional-require " ] } 选件 builtins: boolean ：是否解析Node内置。 默认值： false 。 blacklist: ...
babel-plugin-styled-components-px2rem：Babel插件，用于将px转换为样式组件的rem单位
01-30
babel-plugin-styled-components-px2rem 插件，用于将px转换为rem单位使用处理模板字符串中的所有CSS文本。 启用选项时，添加运行时px2rem函数px2rem来处理嵌入在模板字符串中的表达式。 具有相似功能的TypeScript...
roadhog迁移成webpack4问题整理
qq_36031730的博客
06-14 1717
roadhog迁移成webpack4问题整理
webpack js兼容性处理
浅听记忆的博客
05-21 543
目前最新的代码规范很多都不能直接被浏览器识别访问，而借助webpack我们可以使用babel对js进行转换，将其变成浏览器可识别的代码 其中就有个loader：babel-loader 而跟他一起使用的或者有依赖关系的还有其他的 @babel/core @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-proposal-decorators 所以我们需要安装这些包 cnpm i babel-loade...
@babel/plugin-proposal-private-property-in-object在babel配置中的作用
05-19
`@babel/plugin-proposal-private-property-in-object` 是 Babel 的一个插件，用于将 JavaScript 对象的私有属性转换为实际可用的代码。私有属性是指在类中仅限于内部使用的属性，它们以 `#` 开头。 该插件的作用是使得 JavaScript 可以支持私有属性，这样可以更好地保护对象的数据，避免被意外修改或访问。在 Babel 的转换过程中，它会将私有属性转换为唯一的名称，以防止其他代码意外地访问或修改它们。这个插件在编写类似于 TypeScript 之类的静态类型语言时非常有用，可以更好地支持类的封装性。 在 Babel 的配置文件中，你需要在 `plugins` 数组中添加该插件，例如： ``` { "plugins": [ "@babel/plugin-proposal-private-property-in-object" ] } ``` 这样就可以将私有属性转换为实际可用的代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值