this.refs =在带有巴别塔环境设置的react中未定义"last 2 chrome versions“
this.refs在带有巴别塔环境设置的React中未定义"last 2 chrome versions"。
首先，this.refs是在React中用于引用组件中的DOM元素或组件实例的方法。然而，在较新的React版本中，官方已经不推荐使用this.refs，而是推荐使用React.createRef()来创建ref对象。
关于"last 2 chrome versions"，它是一个Babel插件中的配置项，用于指定要支持的浏览器版本。具体来说，它表示支持最新的两个Chrome浏览器版本。
在React中使用Babel进行编译时，可以通过在.babelrc文件或babel.config.js文件中配置"last 2 chrome versions"来指定要支持的浏览器版本。这样，在编译后的代码中，会根据配置自动添加适当的前缀或转换代码，以确保在目标浏览器中正常运行。
总结：
- this.refs在带有巴别塔环境设置的React中未定义"last 2 chrome versions"。
- 官方推荐使用React.createRef()来创建ref对象。
- "last 2 chrome versions"是Babel插件中的配置项，用于指定要支持的浏览器版本。
- 可以通过在.babelrc文件或babel.config.js文件中配置"last 2 chrome versions"来指定要支持的浏览器版本。
相关·内容
我有一个相当基本的this.refs.form参考：
someFunc(){
console.info(this.refs.signInForm); //<form>
}
redner(){
return (
...
<form role="form" ref="signInForm" onSubmit={this.signInUser}>
...
)
};
当我的.babelrc文件看起来像这样时，这是可行的：
{
"plugins":
浏览 9提问于2018-02-11得票数 0
你能不能只用Webpack和巴别塔把代码转译到/public目录下？资产管道是否有必要进行集成，并仍然支持Chrome中的React和Redux开发工具等工具？
浏览 8提问于2017-06-29得票数 0
1回答
导入默认导出未定义
、、、
我正在使用巴别塔7，Webpack 4和React的TypeScript。
export default () => <span>Test</span>
然后
import Test from './test'
测试在这一点上是未定义的，或者plugin-transform-modules-commonjs是一个空对象。
.babelrc
"plugins": [
"@babel/plugin-syntax-dynamic-import",
"@babel/plugin-proposal-
浏览 6提问于2019-07-05得票数 1
回答已采纳
我有一小段代码
async makeRestCall() {
var api = await PrognApi(this.state.Name);
console.log(api);
}
但是react抛出了这个
未捕获ReferenceError:未定义regeneratorRuntime
在控制台中。我知道我以前在React中使用过async和await，但我不记得我是如何认为我必须安装库的。任何建议都是很棒的。我正在使用一个js文件来保存我的jsx。我也在用webpack和巴别塔。
浏览 0提问于2019-01-17得票数 0
1回答
我对巴别塔变换有问题。在我的React容器中添加句柄事件后，我得到了这个错误。 SyntaxError:缺少类属性转换。 21 | // handlers
22 |
> 23 | onIncrement = () => {
| ^
24 | const { dispatch } = this.props;
25 |
26 | dispatch(valueDecrement()) 我的.babelrc {
"presets": [
[
浏览 45提问于2019-04-14得票数 2
回答已采纳
3回答
我用名为App.jsx的文件中的代码创建了一个React应用程序，它的开头如下所示：
import React, { Component } from 'react';
import logo from './logo.svg';
import ReactDOM from 'react-dom';
import './App.css';
当我执行npm run时，我会得到：
> 1 | Parse Error: Line 1: Illegal import declaration
| ^
2 | fo
浏览 0提问于2016-11-08得票数 3
1回答
我只是想知道create-react-app如何使用.js文件而不是.jsx来做jsx标记。是不是因为特殊的webpack配置？顺便说一下，我在哪里可以找到我用create-react-app创建的项目的webpack和巴别塔配置？
浏览 13提问于2017-02-07得票数 11
回答已采纳
我是一个React.js初学者。我通常使用以下命令启动项目，不需要任何配置：
npm install -g create-react-app
create-react-app my-app
然而，我发现很多在线教程都是通过配置Webpack和巴别塔来开始这个项目的。他们必须配置webpack.config.js。
另外，当我使用"create-react-app“开始我的项目时，我找不到这个文件，我不知道如何配置我的webpack。
我的问题：
有必要以这种方式启动项目吗？
我们自己配置环境和使用create-react-app构建项目有什么区别？
哪一个是最好的，还是最常见的？
浏览 4提问于2017-07-29得票数 1
在使用create-react-app --scripts-version=react-scripts-ts创建的项目中，如何将代码转换为javascript？用巴别塔/Webpack吗？我检查了package.json，但没有提到任何这样的依赖。
浏览 20提问于2018-07-24得票数 1
我的配置是： last 10 versions, not < 0.1%, not dead, not ie > 0, not op_mini all, not edge < 70, not samsung < 9 我试着删除not dead last 10 versions, not < 0.1%, not ie > 0, not op_mini all, not edge < 70, not samsung < 9 运行npx browserslist会产生完全相同的结果： and_chr 87
and_ff 83
and_qq 10.4
a
浏览 219提问于2020-12-17得票数 4
我有一些问题，可以在现有的react项目中实现babel，或者最好重新启动项目并在开始时添加babel，以避免任何实现问题。
对于react项目，是使用巴别塔强制使用webpack，还是可以在没有webpack的情况下实现巴别塔。
同样的问题，typescript可以在现有的项目中实现，还是更好地重新启动所有项目？
最后一个问题，如果我在节点中返回，在前面的react中，我必须在这两者中实现babel？
谢谢你的热情款待。
浏览 17提问于2020-05-10得票数 0
我已经写了将近30年的程序了，这让我很抓狂。我已经尝试了无数种构建工具的组合，巴别塔和webpack的版本，以及不同的愚蠢的黑客方法，但都没有起作用。 我正在写一个库。我正在使用巴别塔转换，然后使用Webpack组装一个最终的.js文件，供用户导入。当然，我希望将一些内容公开到全局名称空间中供用户使用。这就是我在这里想要弄清楚的。 见鬼，我怎么能这么做？显然，我可以直接设置window.whatever=thing，但这似乎很便宜。我尝试在webpack.config.js文件中使用library配置项，但是我在那里命名的对象总是空的，无论我在哪个文件中返回什么。 此外，当我使用babel-
浏览 20提问于2020-07-15得票数 1
我正在尝试学习如何编写一个React App，并从头开始设置。
我一直在尝试运行webpack --config webpack.dev.config.js。我一直收到这个错误。我试过使用不同的加载器和预设。
我的设置有什么问题？是不是我的npm节点模块过时了？
我试着更新我所有的预置，加载程序，甚至巴别塔本身。
错误：
ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to
浏览 0提问于2018-10-24得票数 2
我有一个不包含redux的react应用程序。react应用程序只有一个以模式打开的小chatbox窗口。我想在一些非react网站中呈现这个react应用程序，其中一些网站使用普通的js，一些网站使用jQuery。怎么做呢？ 我的应用程序使用的是webpack和巴别塔。我没有使用redux。
浏览 30提问于2019-06-27得票数 0
我目前正在学习react，我有一个使用webpack，巴别塔和react的应用程序。react似乎有两种使用required或import编写它的方式。似乎还有更多关于使用import的文档。如何更改我的堆栈以使用导入版本？
浏览 0提问于2017-08-07得票数 1
一旦我将"react-hot-loader/babel"添加到我的.babelrc中，它就会破坏我的React组件。
具体来说，我有一些代码如下所示：
export default class Editor extends React.Component {
componentDidMount() {
console.log('this.canvas',this.canvas);
// ...
}
setRef = node => {
console.log('setRef
浏览 1提问于2018-02-18得票数 2
回答已采纳
我使用了react-native init，并且我的应用程序已经达到了一个很好的程度，但现在它突然给我带来了巴别塔的严重问题。
我让Unexpected use of reserved word 'import'通过了以下步骤: 1.清除守望者手表。2.重新纱线所有节点模块3.重置Metro Bundler cache 4.删除haste Cache。
我还删除了我的.babelrc文件，因为RN应该捆绑了正确的babel设置。
在Android模拟器上，我得到了unable to resolve module babel-polyfill。
在Xcode / Simulato
浏览 11提问于2018-12-01得票数 0
我正在阅读ES2019的建议书，我对使用这个博客中新添加的功能非常感兴趣。然而，我一直在尝试搜索哪个浏览器实现了哪些功能的参考资料，但似乎找不到它。
我能得到的最接近的方法是在中查看每个浏览器的javascript引擎，然后转到github代码库，但我仍然无法获得太多信息。我正在react上开发，并一直在幕后使用babel，但如果能理解大多数浏览器的底层实现以及为什么还没有实现它，那将是一件很好的事情。我们是否应该因为我们有了巴别塔而不再关心这些？有人能帮我解释一下吗？
干杯
浏览 7提问于2020-05-10得票数 1
2回答
我想用创建React应用程序
在文档中，它说我需要更改.babelrc以模块化加载文件，也是从加载文件。
但是，我找不到任何..我对Webpack/巴别塔/其他东西很陌生……
我使用create- React -app来制作React应用程序
请帮帮我..
这是我的package.json：
{
"name": "ant",
"version": "0.1.0",
"private": true,
"dependencies": {
"antd": "
浏览 2提问于2017-12-25得票数 9
3回答
我在IE11中运行storybook时遇到了麻烦。这是我在IE11控制台中看到的错误：
我在babel中使用core-js，就像这样：
presets: [
['@babel/preset-env', {
modules: false,
loose: true,
useBuiltIns: "usage",
corejs: 2,
debug: true,
targets: {
browsers: [
'last 2 Chrome ver
浏览 10提问于2020-01-09得票数 1
在开发大型React应用程序时，哪个是更好的选择？使用create- react -app和它提供的默认的webpack和巴别塔配置，还是创建一个自定义的webpack和巴别塔配置并安装react包？ 我已经使用create- react -app在react中开发了一些小应用程序，现在我想了解从webpack和巴别塔开始的每一个小部分。大公司是使用webpack和巴别塔，还是简单地创建反应应用？
浏览 12提问于2020-04-10得票数 0
我试图从动态对象中获取DOM节点引用，但在Chrome控制台中得到了以下错误: Uncaught :无法读取未定义的属性'getDOMNode‘。
var Hello = React.createClass({
getInitialState: function () {
return {
currentItems : [{"id":"1"} , {"id":"2"} , {"id":"3"}]
};
},
onRowClick
浏览 3提问于2015-09-11得票数 0
回答已采纳
我让webpack和巴贝尔编译Typescript，但他们似乎不知道如何处理typescript中的private关键字。一般来说，他们似乎对Typescript没有问题，我可以编译文件。所以我想知道我是否需要做一些配置更改，但谷歌搜索没有帮助。 你怎么才能让webpack和巴贝尔善用Typescript的私有关键字呢？ .babelrc {
"presets": [
"@babel/preset-env",
"@babel/preset-typescript",
"@babel/
浏览 32提问于2020-08-17得票数 1
我正在尝试使用styled components babel-plugin和一个create-react-app应用程序，在我的chrome dev工具中以classname的形式获取组件名称。但不知何故，我无法更改类名。我像网站上描述的那样安装了巴别塔和插件，并创建了如下的.babelrc：
{
"presets": ["env"],
"plugins": ["babel-plugin-styled-components"]
}
我尝试了很多预置(包括react-app)和其他巴别塔配置的组合，也尝试在package.j
浏览 19提问于2017-12-26得票数 11
回答已采纳
我对UI技术是个新手。我正在尝试我的手在reactjs与webpack和巴别塔，我创建了一个应用程序使用创建反应应用程序插件安装后使用npm。我用cd进入src文件夹并执行npm start，它将启动浏览器并显示演示页面。我试图将巴别塔和webpack添加到这个演示中，但不幸的是它不起作用。我在浏览器中打开index.html页面，它没有显示我正在跟踪的的jsx文件内容
我不确定为什么这个不能工作，请帮我解决这个问题。
index.jsx
import React from 'react';
import {render} from 'react-dom';
浏览 1提问于2017-08-13得票数 1
我正在试着修复一个插件，但对webpack来说似乎无法开箱即用。它最初使用的是webpack v2和巴别塔6，所以我决定把它升级到wepack 4和巴别塔7。即使是这样，它似乎不是webpack。我得到的错误是
ERROR in ./src/index.js 42:8
Module parse failed: Unexpected token (42:8)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. S
浏览 3提问于2019-10-26得票数 2
回答已采纳
1回答
我正在用巴别塔加载器和Webpack一起使用react。我正在创建一个app.bundle.js，在Chrome上运行良好。然而，我无法在IE 11中运行，因为它给我以下错误："Object不支持在加载index.html时在app.bundle.js中使用属性或方法'indexOf‘。我已经将babel-polyfill包含在app.bundle.js条目中，也尝试使用babel-polyfill在index.js中使用import语句，但没有成功。还尝试在import中使用index.js中的babel-polyfill-js，但无法解决。“
浏览 12提问于2017-01-24得票数 2
回答已采纳
使用巴别塔和Webpack，我生成了许多ES6类，我想在我的超文本标记语言中调用它们。问题是，当我试图在HTML源代码中使用这些类时，我最终得到了标识符未定义的错误。如何从外部访问Babel+Webpack生成的类、变量等？
浏览 7提问于2019-07-19得票数 0
看着，我困惑于我必须做些什么才能使用它。我知道我可以在我的index.html中包含脚本标记来使用它，但是其他的都是如何工作的呢？
如果我选择不使用脚本标记，我知道我可以使用node安装，然后使用Babel将其导入到我想要使用jQuery的任何文件中。但是，webpack在哪里发挥了作用呢？如果我不使用巴别塔，我只需要使用webpack的要求，对吗？webpack的要求是巴别塔进口的替代方案吗？
似乎要么我可以使用巴别塔和Node.js，要么我可以使用webpack和Node.js？我认为Babel和wepback服务于不同的目的，Babel将ECMAScript第6版转换为ECMAScrip
浏览 14提问于2016-08-24得票数 0
回答已采纳
我们得到了下面的例子，其中不包括巴别塔。我如何让它在没有巴别塔的情况下运行？ 我使用http-server -c-1启动npm服务器。没有巴别塔，我得到的是一张白纸 <!DOCTYPE html>
<html>
<head>
<title>hello</title>
<script src="react/react.js"></script>
<script src="react/react-dom.js"></scr
浏览 11提问于2019-12-06得票数 0
回答已采纳
我在巴别塔的官方REPL中尝试了一下巴别塔，发现let，const只能编译成var。
这是否意味着let和const只在编译时生效？或者let和const确实会在编译后的代码中生效？
浏览 21提问于2019-02-13得票数 3
回答已采纳
1回答
当涉及到React JSX代码标准时:我该如何将以下代码重构为JSX？
const ListContainer = (props) => React.DOM.table({ className: 'list-container' }, [
React.DOM.thead({ key: 'firstName' }, React.DOM.tr({}, [
React.DOM.th({ key: 'lastName' }, null, 'headshot'),
React.DOM.th({
浏览 0提问于2017-08-08得票数 1
回答已采纳
我正在使用Webpack和巴别塔来构建和转换我的ES6代码。然而，在尝试支持较旧的浏览器时，我错过了重要的Polyfills。例如iOS8。
这是我的Webpack.config
const versions = {
v1: './src/js/v1.js',
v2: './src/js/v2.js',
v3: './src/js/v3.js',
};
module.exports = {
entry: versions,
output: {
path: __dirname + '/dist',
浏览 3提问于2017-07-04得票数 12
1回答
据我所知，Node5支持ES2015，但当我尝试运行以下命令时
import sizeOf from 'image-size';
我得到了
$> node -v
v5.9.0
$> node test.js
/Users/dev/tmp/test.js:1
(function (exports, require, module, __filename, __dirname) { import sizeOf from 'image-size';
浏览 4提问于2016-04-07得票数 1
2回答
我在静态站点上使用原生es6模块。 <script type="module" src="./main.js"></script> 在部署之前，我通过babel传递js文件。 // webpack.config.js rules: [
{
test: /\.js$/i,
exclude: /node_modules/,
use: ['babel-loader'],
}
] // .babelrc {
"presets": [
[
浏览 46提问于2021-09-13得票数 0
我在和webpack一起构建的时候遇到了问题。这是我在构建时看到的错误... ERROR in ./node_modules/react-table/src/publicUtils.js 10:35
Module parse failed: Unexpected token (10:35)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concept
浏览 28提问于2021-06-19得票数 3
回答已采纳
我正在渲染我的Redux应用，就像这样-
<Provider store={store}>
<MyComponent />
</Provider>
编译后的代码是
ReactDOM.render(React.createElement(
_reactRedux.Provider,
{ store: store },
React.createElement(MyComponent, null)
), document.getElementById(element_id));
这会抛出错误Uncaught Error: Invar
浏览 0提问于2016-04-12得票数 1
我现在正在尝试了解巴别塔的配置，但是被babel-preset-**搞糊涂了，巴别塔中有很多预置，像env，es2015，react和其他的，我确实知道babel-preset-es2015是用来将es2015代码转换成以前的js代码，这样它就可以被大多数/老的浏览器理解，那babel-preset-env呢？
这些预设之间有什么不同？可以不使用es2015而使用env吗?反之亦然？当我们需要这两个预置出现在我们的项目构建系统中时，会发生什么情况？
谢谢。
浏览 43提问于2017-03-14得票数 48
回答已采纳
我想修改丹·阿布拉莫夫的创建-反应-应用程序的现有webpack.config.js文件-我想添加一个额外的加载器'react-html-attrs‘，这样我就可以按原样使用类标记，而无需将其更改为camel-case className
所以我是这样做的: 1.我访问了这个babel插件的官方github文档- ，它说如果你使用的是babel-6 install npm package: npm install --save-dev babel- plugin -react-html-attrs
然后，在我的一个组件js中，我返回了一个包含类而不是类名的jsx --但我仍然收到这个错
浏览 0提问于2017-01-18得票数 6
2回答
反应不渲染道具？
、、、
因此，出于某种原因，react没有在我的简单应用程序中呈现我的txt属性。这是我在App.js文件中的代码：
import React from 'react';
import ReactDOM from 'react-dom';
class App extends React.Component {
render() {
return <h1> {this.props.txt}</h1>
}
}
ReactDOM.render(<App txt="Hello world"/>, docume
浏览 7提问于2016-08-05得票数 0
3回答
我在和巴贝尔和webpack玩“反应”(@13.3)。
我有一个定义如下的组件：
import BaseComponent from './BaseComponent';
export default class SomeComponent extends BaseComponent {
render() {
return (
<div>
<img src="http://placekitten.com/g/900/600"/>
浏览 0提问于2015-09-13得票数 8
回答已采纳
我用react组件创建了npm包。巴别塔预置es2015和react
在我的组件中，我获取所有的子类并检查它们的类型(以执行特定的操作)。但是所有子对象都有未定义的==类型。当组件直接安装在我的项目中时(不是从npm包安装的)，一切都很好。
React.Children.forEach(this.props.children, function (child) {
if (child.type === SomeChildComponent) { // <-- issue is here, from npm pack child.type is undefined
浏览 1提问于2017-10-06得票数 0
我正在尝试从C#内部的react文件中获取HTML输出。我尝试过使用这个示例。它与基本react组件一起工作得很好，但在存在导入/导出时无法进行编译，在我的例子中，导入/导出非常重要。在github上的一些问题中，他们说React.Net不支持这样的声明。有没有其他方法或工具来实现这一点？我们在构建文件时使用的是webpack/巴别塔。
下面是我的原始js文件：
import React from "react";
import { NoRecords } from "ui/Bootstrap";
export class NotesList extends
浏览 0提问于2018-04-19得票数 1
2回答
React热重新加载
、、、
我使用create-react-app启动了一个react项目，但热重新加载并不总是有效，有时它工作了几分钟，然后停止，我必须重新启动服务器，它一直在这样做……注意:使用Ubuntu，package.json中的脚本是react-scripts start
浏览 17提问于2017-02-07得票数 1
所以我刚刚从一个React框架下载了源代码，在终端中我得到了这个错误：
ERROR in ./src/components/TextEditor.js
Module build failed: SyntaxError: Unexpected token (24:8)
22 |
23 | // Set the initial state when the app is first constructed.
> 24 | state = {
| ^
25 | state: initialState
26 | }
2
浏览 3提问于2016-08-28得票数 13
回答已采纳
2回答
我正在使用webpack和巴别塔从头开始设置一个react项目。当它运行时抛出一个错误。请帮帮我。
我附上了错误的屏幕截图。我的巴别塔安装不正确。我哪里错了？
浏览 0提问于2018-09-24得票数 0
1回答
当我安装vue native时。我明白这个错误。enter image description here我不明白我需要做什么。我发现一些关于巴别塔Requires Babel "7.0.0-0" but was loaded with "6.26.3"安装的链接，但它不起作用。
浏览 9提问于2019-12-31得票数 0
我一直在尝试设置Webpack 4和巴别塔7在React中使用ES6 "import“。在Chrome71的"import React from 'react';“中，我一直收到"Uncaught :Uncaught”的提示。它在Webpack 3和巴别塔6中起作用，所以我认为我在巴别塔的设置上做错了什么。
以下是我的dev依赖项：
"@babel/core": "^7.1.6",
"@babel/plugin-proposal-class-properties": "^7.1.0",
&#
浏览 2提问于2018-11-20得票数 0
我是.net developer.Previous开发人员，在一个项目中使用nodeJS和react。我必须使用nodeJS和react完成project.That项目。我在windows 8中安装了NodeJS
我安装了包(Npm install)，现在我尝试运行start well.But (Npm start)，但它给出了关于babel的错误。
C:\rc>npm start
> react-seed@0.0.13 prestart C:\rc
> npm install
npm WARN package.json react-seed@0.0.13 No li
浏览 2提问于2016-03-27得票数 1
为了使用react，我需要在我的html文件中包含以下内容
<script src="http://fb.me/react-0.12.2.min.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
我想使用本地bower组件，而不是这些链接。因此，我使用bower install react安装了react
然而，当我进入我的bower组件中的react目录时，我没有看到一个'JSXTransformer.j
浏览 0提问于2015-11-08得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
