在Object.keys.forEach.key中，BABEL .default不是有效的插件属性
。
首先，让我们来解释一下这个问题中涉及到的一些概念和术语：
- Object.keys：这是一个JavaScript的内置函数，用于返回一个给定对象的所有可枚举属性的名称数组。
- forEach：这是一个数组方法，用于对数组中的每个元素执行指定的操作。
- key：这是一个变量，表示数组中的每个元素。
- Babel：Babel是一个广泛使用的JavaScript编译器，用于将新版本的JavaScript代码转换为向后兼容的旧版本，以便在不同的浏览器和环境中运行。
- .default：这是一个属性，用于访问JavaScript模块的默认导出。
根据问题描述，BABEL .default不是有效的插件属性。这是因为在Babel中，插件属性应该是一个对象，而不是一个函数。正确的用法是将插件属性设置为一个对象，并在该对象中指定插件的名称和配置选项。
以下是一个示例，展示了如何正确使用Babel插件属性：
{
"plugins": [
["plugin-name", {
"option1": "value1",
"option2": "value2"
}]
]
}在这个示例中，"plugin-name"是插件的名称，"option1"和"option2"是插件的配置选项。
关于腾讯云相关产品和产品介绍链接地址，由于问题中要求不提及特定的云计算品牌商，我无法给出具体的推荐。但是，腾讯云作为一家知名的云计算服务提供商，提供了各种云计算相关的产品和服务，您可以访问腾讯云官方网站，了解更多关于腾讯云的信息和产品介绍。
相关·内容
我最近将@babel/helper-annotate-as-pure添加到了我的babel插件列表中： require('babel-plugin-macros'),
require('@babel/helper-annotate-as-pure').default,
require('babel-plugin-dev-expression'),
[
require('@babel/plugin-proposal-class-properties').default,
{
浏览 48提问于2020-10-15得票数 0
回答已采纳
1回答
我在我的package.json中添加了这两个package.json
"@babel/plugin-proposal-class-properties": "^7.1.0",
"@babel/plugin-proposal-decorators": "^7.1.6",
在.babelrc文件中，我将它们添加为插件：
{
"presets": ["module:metro-react-native-babel-preset"],
"plugins": [
浏览 1提问于2018-11-21得票数 7
回答已采纳
你使用什么过程来开发Babel 6插件？
下面是我开发一个插件(babel-plugin-test)的想法：
1)在空文件夹中运行：
npm install babel-cli babel-preset-es2015
2)创建文件src/test.js (测试插件)，只需：
class Person {
}
3)创建包含以下内容的文件夹node_modules/babel-plugin-test
node_modules/babel-plugin-test/package.json
{
"name": "babel-plugin-test",
"
浏览 2提问于2016-03-10得票数 3
3回答
我使用JSDOC和所有它支持的npm插件来创建漂亮的文档。在jsdoc运行和解析JSX文件时遇到困难，它总是在=符号附近抛出错误
SyntaxError: unknown: Unexpected token
export default class SaveDesign extends Component {
static displayName = 'SaveDesign';
}
conf.json文件
{
"source": {
"include": [ "src/app/test.js", "src/a
浏览 0提问于2016-11-02得票数 7
回答已采纳
我正试图在我的摩卡测试中使用Babel插件transform-es2015-destructuring，但我遇到了一个问题：
$ node_modules/mocha/bin/mocha --compilers js:babel-core/register test/testMain.js
/home/my/project/node_modules/babel-core/lib/transformation/file/options/option-manager.js:313
throw new Error("Couldn't find preset
浏览 0提问于2016-07-26得票数 1
回答已采纳
我正试图与webpack建立一个项目，打字和反应。我正在使用babel来转换我的类型脚本/响应代码。在启动开发服务器时，我得到以下错误：
Module parse failed: Unexpected token (4:6)
You may need an appropriate loader to handle this file type.
|
| export class App extends React.Component {
> arr = [1, 2, 3];
|
| render() {
Babel不能处理数组声明吗？我觉得有点奇怪。也是因为我的react类看
浏览 0提问于2019-04-06得票数 0
回答已采纳
在我的项目中，我使用Babel 6和需求挂钩。我需要加载我写的一个定制的babel插件。但是，我真的需要首先使用npm发布插件，然后在我的主要项目的.babelrc中包含插件名吗？
有没有直接加载插件代码的方法？换句话说，我可以直接加载以下内容吗？
export default function({types: t }) {
return {
visitor: {
...
}
};
}
浏览 1提问于2016-04-02得票数 25
回答已采纳
我试着在我的课堂上放一个箭头函数，但是编译失败了。
我读到我应该安装
现在我发现了一个错误：
模块构建失败:错误:找不到预置的"transform-class-properties“相对于目录”/home/路克/文档/myProject“
我已经尝试过在这些帖子中提出的解决方案(还有其他)
我目前的设置如下：
/app/components/App.js
import React from 'react'
import { Switch, Route, BrowserRouter as Router } from 'react-router-dom&
浏览 4提问于2017-09-14得票数 4
回答已采纳
2回答
试图设置webpack来构建我的.js和.vue文件。
对于普通的_name() {}，似乎没有transpile风格的函数。
我认为，除非另有规定，否则它应该直接进入通用js。
不知道为什么，它只是在IE中崩溃，有一些关于分号的通用JS语法错误。
我猜是个小旗子，布景，什么的，什么地方。
在这里找些建议。
ex vue
<script>
export default {
computed: {
_name() {
return 'blah';
}
浏览 0提问于2018-10-25得票数 4
回答已采纳
我用webpack和babel一起构建了我的webclient，但是ie11对模板文本发出尖叫声。但是我使用了插件@babel/模板-文字和预设@babel/预设-env。抱怨的代码行是由babel自己编写的。
顺便说一句:如果我使用babel-CLI，只有文字插件在巴贝尔化的文件上，它就会将它正确地转换为字符串连接。
缩短package.json devDepencies和浏览器列表：
"browserslist": [
"> 1%",
"not dead",
"ie >= 1
浏览 0提问于2019-09-11得票数 0
1回答
为什么我的宝贝填充物不起作用？
、、、、
下面是webpack的配置：
var Path = require('path');
module.exports = {
entry: {
create: ['babel-polyfill', Path.resolve(__dirname, "./src/create.js")],
},
output: {
path: Path.resolve(__dirname, "../../public/crm/js/"),
filename: '[name].js'
}
浏览 2提问于2016-10-04得票数 0
回答已采纳
2回答
我想在webpack的设置中使用Class properties。继这本书(www.survivejs.com)之后，我注意到作者在.babelrc文件中添加了两个插件：babel-plugin-syntax-class-properties和babel-plugin-transform-class-properties。
看看syntax-class-properties的babel文档，它说：
仅语法
这个插件只允许Babel解析这个语法。如果您想要转换它，那么请查看transform类属性。
有什么关系呢？我两者都需要吗？我的代码似乎运行良好，仅与转换插件。
浏览 1提问于2016-01-20得票数 7
回答已采纳
2回答
我正在和巴贝尔和webpack一起写一个反应应用程序。在我尝试在类上添加一个属性之前，它一直进行得很好--特别是尝试使用React ()的下拉列表。在连接数据之前，我直接复制了以下内容：
class DropdownTest extends React.Component {
state = {
value: 'ES-es',
};
handleChange = (value) => {
this.setState({value: value});
};
render () {}
以下是我的修改过
浏览 0提问于2016-01-26得票数 2
回答已采纳
我试图在我的react代码中运行几个箭头函数，但是尽管添加了babel加载器来以可读的格式构建代码，但我在箭头函数的=部分收到了一个错误。
export default class CommentForm extends React.Component {
constructor(props){
super(props);
...
this.state = {
value: '',
flash: '',
suggestions: [],
浏览 0提问于2019-01-31得票数 0
回答已采纳
在这个过程中，我不断地得到以下错误
SyntaxError: /Users/user1/npmprojects/experiments/test-reactstrap0/src/components/index.js: Support for the experimental syntax 'exportDefaultFrom' isn't currently enabled (15:8):
13 | export * from './ListItems';
14 |
> 15 | export FormField from '
浏览 5提问于2019-03-28得票数 4
我有一个问题，只有在生产和得到ReferenceError: _ref7 is not defined错误。当我更改这一行时，我也可以在本地重现这个问题：
isProduction ? "@babel/plugin-transform-react-constant-elements" : null,
要这样做：
"@babel/plugin-transform-react-constant-elements",
在我的babel.config.js文件中。
显然，该问题是由transform-react-constant-elements Babel插件在呈现以
浏览 0提问于2020-06-11得票数 0
我有一个使用react-redux的connect HOC的形式包装的组件：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import RegisterForm from './register-form';
import { registerUser } from '../store/api/Auth/actions';
@connect(null, { registerUser: registerUser }
浏览 0提问于2018-10-02得票数 3
1回答
我正在IE9上尝试我的项目，但是在下面的行中一直有一个异常SCRIPT1010: Expected identifier：
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
我认为这是因为default没有用引号包装。
只是不知道这是从哪里来的
我正在使用webpack中Babel的下列设置：
babel: { presets: ['es2015'], plugins: ['transform-runtim
浏览 2提问于2016-11-26得票数 1
回答已采纳
1回答
我正在学习ES6标准，所以我从一个非常基本的示例代码开始。
我的第一个文件是Rectangle.js
class Rectangle {
perimeter(x, y) {
return (2 * (x + y));
}
area(x, y) {
return (x * y);
}
}
export default class { Rectangle };
在另一个文件solve-1.js中，我有一些类似于
import Rectangle from './Rectangle';
function solveRect(l, b) {
if
浏览 0提问于2016-08-12得票数 12
回答已采纳
1回答
我将包括在一个库项目中：
import '@fortawesome/fontawesome-pro/css/all.min.css';
在本地运行时，这很好，我可以使用Font类来创建图标。
但是，在我项目并包含该项目之后，我得到了错误：
找不到模块:无法解析'@fortawesome/fontawesome-pro/css/all.min.css‘
其他CSS文件被绑定到输出css文件中。为什么不是那个？这是我的rollup.config.js。
import babel from 'rollup-plugin-babel';
import c
浏览 5提问于2020-02-12得票数 1
1回答
我有一个Gulp脚本，我试图用它来启动一个React应用程序。
Gulp文件名为gulpfile.babel.js
我将添加Babel预置“env”作为选项
在同一个目录中也有一个.babelrc文件，具有相同的预设选项。
Gulp文件包括：
const gulp = require('gulp');
const browserSync = require('browser-sync').create();
const babel = require('gulp-babel');
// convert jsx to JS
g
浏览 2提问于2017-08-08得票数 1
1回答
检测到重复插件/预置错误
、、、
我正在对前端主程序做一个反应课程，我们必须修改babel配置，以允许类组件中的状态实例化(如:state = {index: 0} )，但是在运行命令时：
npm install -D babel-eslint @babel/core @babel/preset-env @babel/plugin-proposal-class-properties @babel/preset-react
，并在根目录中创建.babelrc文件并将其修改如下：
{ "presets": ["@babel/preset-react", "@babel/preset-env&
浏览 0提问于2020-06-25得票数 3
回答已采纳
我的文件夹结构如下：
/dev
node_modules
/lib
node_modules
rollup.config.js
这是我的rollup.config.js
import babel from '@rollup/plugin-babel'
import image from '@rollup/plugin-image'
import json from '@rollup/plugin-json'
import commonjs from 'rollup-plugin-commonjs'
impo
浏览 12提问于2022-02-14得票数 0
我正在尝试运行我的ember项目，它说我的巴别塔是过时的，我更新了一切，没有工作可以有人告诉我，我应该如何解决它？
下面是我的npm返回错误的样子
DEPRECATION: ember-cli-babel 5.x has been deprecated. Please upgrade to at least ember-cli-babel 6.6. Version 5.2.8 located: emma_drf_forms -> ember-cli-crudities -> ember-array-contains-helper -> ember-cli-babel
浏览 2提问于2018-04-27得票数 2
我直接从docs ()中拿出了这个插件示例
export default function() {
return {
visitor: {
Identifier(path) {
const name = path.node.name;
// reverse the name: JavaScript -> tpircSavaJ
path.node.name = name.split("").reverse().join("");
}
}
};
}
我的babel.
浏览 0提问于2018-09-18得票数 0
回答已采纳
我正在构建一个npm项目(ModuleA)，并将发布到npm注册表。它使用带有webpack4和babel7的javascript。它本身运行良好，但当我尝试从不同的模块测试该项目时，会出现一些babel问题。测试项目使用的是带有webpack2的babel 6.26.3。当我构建测试项目时，我得到以下错误：
ERROR in /Users/dev/moduleA/build/index.js
Module build failed: Error: Requires Babel "^7.0.0-0", but was loaded
with "6.26.3".
浏览 0提问于2019-01-12得票数 1
我正在尝试理解MobX并创建一个简单的存储：
import { observable, autorun, computed } from "mobx";
class SomeStore {
@observable someField = "";
}
const store = new SomeStore();
window.store = store;
export default store;
但是window.store不包含字段someField。如果没有这个修饰符，object中就会出现这个字段。Webpack.config中的加载器：
modu
浏览 0提问于2016-11-08得票数 0
2回答
我不能让rollup将我的ES6代码转换成ES5。它停留在拖拽消息Warning: Error transforming main.js with 'babel' plugin: It looks like your Babel configuration specifies a module transformer. Please disable it. If you're using the "es2015" preset, consider using "es2015-rollup" instead. See https://git
浏览 2提问于2016-10-06得票数 0
我正在尝试使用LodashModuleReplacementPlugin来减少包的大小。我听从了的指示。但是，main.bundle.js似乎仍然包含/node_node/lorash.js。
以下是相应的文件：
webpack.config.js
...
var LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
...
const configuration = {
module: {
rules: [
{
test: /\.js$/,
浏览 2提问于2020-09-01得票数 1
1回答
在中使用以下代码创建了一个javascript文件：
import React, {Component, Fragment} from "react"
import PropTypes from "prop-types"
export default class DefaultBootstrap extends Component {
render() { return (<div>Hi</div>) }
}
DefaultBootstrap.propTypes = {
name: PropTypes.bool.isRequ
浏览 5提问于2018-10-08得票数 1
我是新的反应-本机和我添加巴别塔在我的项目。我有一个返回组件的函数。
但是我得到了这个错误
关于我的函数
const renderComponent = () => {
return (
<View>
....
</View>
}
在我的babel.config.js
// const path = require('path');
require('dotenv').config();
const { NODE_ENV } = process.env;
console.log(
浏览 119提问于2021-03-08得票数 0
回答已采纳
1回答
当我只使用const Example1 = require('./example1.js)语句时，example1.js文件中的代码将包含在包中。如果我只使用import Example2 from './example2.js'，那么example2.js中的代码也会包含在包中。但是，如果我同时使用这两种语句，那么只有import在工作，而require不起作用。
我正在使用卷起进行捆绑。
我的汇总配置如下所示
import babel from 'rollup-plugin-babel'
import commonjs from 'rollu
浏览 0提问于2020-07-07得票数 3
2回答
es7类装饰器意外令牌错误
、、、、
我正在开发一个使用es6和es7代码的Aurelia应用程序，我试图用babel来传输代码。我的packages.json文件中有以下内容
"scripts": {
"babel": "babel --stage 1 -d AureliaWeb/ ../Test/Aurelia/ --extends babelrc",
我安装了以下软件包：
"devDependencies": {
"babel-core": "^6.10.4",
"babel-plugin-syntax-decor
浏览 0提问于2016-06-30得票数 5
回答已采纳
我正在迁移react原生的0.51.1到0.59.8。我正面临着Mobx的问题。
如果@可观察的装饰成员已经像这样分配了init值
@observable cnt = 0;
那就成功了。
但如果没有定义的话，
@observable cnt;
那就没用了。
我有许多未定义的可观察到的商店，它们在0.51.0中工作。
我想让它以未定义的方式工作。
在迁移过程中，Babel的装饰选项发生了变化。
// babel.config.js
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
浏览 0提问于2019-05-24得票数 3
回答已采纳
1回答
我在一个ES6项目上工作，我使用rollup和babel传输这个项目。它工作得很好，除非我试图导入使用公共is (特别是“某事”)的npm模块，在我的浏览器中获得一个错误"require is defined“(这意味着它还没有正确地将节点模块从commonjs编译到ES5)。但是，我使用了rollup插件-节点-解析和rollup plugin-commonjs，如果我理解得很好的话，它应该可以完成这个任务……
下面是我的rollup配置文件：
import babel from 'rollup-plugin-babel';
import eslint from &#
浏览 4提问于2017-09-09得票数 7
回答已采纳
我试图用Babel.js在JavaScript代码片段中插入一个ImportDeclaration：
const babel = require('babel-core')
const t = babel.types
const traverse = babel.traverse
const template = babel.template
const generate = require('babel-generator').default
const babylon = require('babylon')
const code =
浏览 17提问于2017-12-27得票数 3
回答已采纳
自从我从头开始一个nodejs项目以来，已经有一段时间了，设置和配置eslint、babel等也是一个令人费解的问题。
现在我的宝贝是：
{
"presets": [
[
"env",
{
"targets": {
"node": "10"
}
}
]
],
"plugins": [
[
"transform-runtime",
{
浏览 3提问于2019-10-18得票数 0
回答已采纳
我正在创建一个web应用程序，我们将其命名为WebApp，这是一个使用来自自定义React模块的组件的React模块，我们将调用CustomModule，它也位于我的本地计算机上。我一直在尝试在WebApp中从CustomModule导入某些组件，在WebApp中运行webpack-dev-server -d时遇到以下错误：
ERROR in /CustomModule/Components/LoadingSpinner/LoadingSpinner.jsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
浏览 0提问于2019-04-17得票数 0
3回答
我有课：
class App extends Component {
setName = () => {
this.props.setName('Test')
};
render() {
return (
<div onClick={this.setName}>
<h1>Wolcome to React</h1>
<p>
Test <b>HRM</b>. {this.props.user.name}
浏览 4提问于2017-03-18得票数 0
回答已采纳
我试图阻止@babel/preset-env + @babel/plugin-transform-runtime + @babel/runtime-corejs3取代Date.now()，以便绕过。
根据，应该有一种方法来阻止它应用es.date.now填充，但是我不知道如何应用这个配置。
示例
index.js
import FakeTimers from '@sinonjs/fake-timers'
FakeTimers.install()
console.log(new Date().getTime())
console.log(Date.now())
巴贝尔特兰斯皮
浏览 1提问于2020-04-03得票数 3
1回答
有一个简单的汇总配置，如下所示。
export default {
input: 'src/index.js',
output: {
file: 'build/index.js',
format: 'cjs'
},
external: ['react', 'react-dom', 'prop-types', 'emotion'],
plugins: [
resolve({
浏览 0提问于2018-09-06得票数 1
我有下面的person.js
export class Person {
firstName = ""
lastName = ""
middleName = "Nothing"
constructor(first, last){
this.firstName = first;
this.lastName = last;
}
get fullName() {
return this.firstName + " " + this.mid
浏览 6提问于2017-05-10得票数 9
回答已采纳
1回答
React原生版本: 0.57.3
Android: GooglePixel3API- 28
iOS: iPhone 8+- 11.4
反应-本地网页: 0.10.0
我正在尝试运行我的反应-本地网络应用程序，这是运行良好的网络。我在试图解决移动端的babel插件问题后，遇到了这个问题。我用过babel升级来升级自动babel。我在这里张贴我的package.json和babelrc。
package.json：
"devDependencies"：{ "@babel/cli"："^7.0.0"，"@babel/core"：&#
浏览 0提问于2019-02-28得票数 3
回答已采纳
1回答
这里有一些以前使用Babel 6的功能，但我对Babel 7有问题，我试图将一个(默认)类导出为一个库。目前，当我试图导入它时，我会得到以下错误。
Uncaught :请求的模块'./dist/datastore.js‘不提供名为“default”的导出
我的配置几乎与我以前的配置相同，只是更新了Babel 7。
Webpack的双边条约：
output: {
path: `${__dirname}/dist`,
filename: `${moduleName}.js`,
library: 'datastore',
libraryExport:
浏览 2提问于2018-10-04得票数 2
1回答
在构建模块时，我遇到了以下错误：
模块解析失败: D:\Projects\slacs-new\slacs-portal\portal-aggregator\js-module/src\index.js意外令牌(1:7)信息您可能需要一个适当的加载程序来处理这个文件类型。信息(D:\Projects\slacs-new\slacs-portal\portal-aggregator\js-module\node_modules\acorn\dist\acorn.js:2221:15) SyntaxError:意外令牌(1:7)信息，地址:Parser.pp$4.在Parser.pp.unexpe
浏览 4提问于2017-06-29得票数 0
当我试图在类组件中使用fat箭头函数时，我会收到以下错误.
ERROR in ./src/app/components/Home.js
Module build failed: SyntaxError: C:/myproject/whole/src/app/components/Home.js: Missing class properties transform.
但是，我的package.json中有合适的包
巴贝尔
"babel-cli": "6.26.0",
"babel-core": "6.26.0",
"bab
浏览 0提问于2018-10-05得票数 0
回答已采纳
1回答
响应样式组件的设置
、、、、
我不能让样式化的组件工作；一定是在我的设置中。以下是组件：
import React from 'react';
import styled from 'styled-components';
const Wrapper = styled.div`
display: flex;
justify-content: center;
margin-top: 100px;
`;
const TestComponent = () => (
<Wrapper>
TEST
</Wrapper>
);
export
浏览 1提问于2018-09-01得票数 1
回答已采纳
1回答
下面是不可变的记录类定义
import Immutable, {Record} from 'immutable';
const FEATURE_DEFAULTS = {
name: null,
};
export class Feature extends Record(FEATURE_DEFAULTS) {
}
实例是这样初始化的：
const featureName = 'a value';
const b = new Feature({ name: featureName });
console.log(b.getIn(['name&#
浏览 2提问于2016-06-07得票数 1
回答已采纳
我正在使用jest来创建react原生组件的快照。我使用babel 7。我可以创建快照，但是快照不是为TouchableOpacity组件创建的。
我已经尝试更新反应测试渲染器的最新版本，但这没有帮助。
快照测试文件Button.test.js --
import React from 'react';
import renderer from 'react-test-renderer';
import Button from '../src/components/Button';
test('renders correctly&
浏览 0提问于2018-10-11得票数 4
回答已采纳
在使用柏树进行测试的vue/cli 4应用程序中，我想使用我的混合方法，并在test/e2e/specs/fileupload_tests.js中添加声明：
import faker from 'faker'
import 'cypress-file-upload'
import appMixin from '../../../src/appMixin' // Full path is src/appMixin.js
describe('Admin category fileupload functionality'
浏览 3提问于2020-05-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
