Failed to compile.
/app/node_modules/@ant-design/icons/lib/components/AntdIcon.d.ts
TypeScript error in /app/node_modules/@ant-design/icons/lib/components/AntdIcon.d.ts(2,13):
'=' expected. TS1005
1 | import * as React from 'react';
> 2 | import type { IconDefinition } from &
浏览 0提问于2021-02-04得票数 2
回答已采纳
1回答
我目前正在努力学习使用ReactJS，但我遇到了一个问题，我似乎找不到合适的东西来解决它。
我已经安装了npm，并在我的项目根目录中运行了npm --install react和npm --install react-dom。该项目是将HTML/Javascript发布到PHP后端，我没有使用NodeJS，这在我所看到的内容中似乎有很多，但据我所知，Node并不是一个要求。
我有以下的js文件
import * as ReactDOM from "react-dom";
import * as React from "react";
$(document).re
浏览 3提问于2017-07-14得票数 1
回答已采纳
请帮助我解决这个错误。
Attempted import error: 'Outlet' is not exported from 'react-router-dom'.
这就是我导入组件的方式。
import { Outlet } from "react-router-dom";
这是我的Package.json文件
"dependencies": {
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react
浏览 3提问于2020-09-10得票数 2
回答已采纳
我有以下代码，结果是this.state是undefined
articles.js
const React = require('react-native')
const _ = require('lodash')
const styles = require('../styles/articles')
const api = require('../data/api')
const {
ListView,
View,
Text,
Image
} = React
const Articles = React
浏览 1提问于2015-11-23得票数 5
回答已采纳
1回答
因此，我尝试创建我的第一个React应用程序，当我使用webpack编译它时，我得到了一个相当大的JS文件，因为它包含了所有React、React DOM等等。
有什么办法我可以用其中之一的反应CDN的存在，但仍然使用
import React from "react";
import ReactDOM from "react-dom";
提前感谢！
浏览 0提问于2017-07-27得票数 9
回答已采纳
我使用react已经有一段时间了。我想知道react相对于其他框架/库的真正优势是什么。它是虚拟dom还是单向数据流，或者其他什么？
浏览 10提问于2019-12-12得票数 0
我使用的是一个名为"antd“的依赖项。它包含我在一个文件中导入的css文件(antd/dist/antd.css)。
我只想在导入它的文件中使用样式。但是，它也改变了标题的样式！我怎样才能做到只有Content.js才能使用这种样式呢？
我在以下代码框中重新创建了我的问题：
此外，这也是代码。
指数
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
const rootElement = document.ge
浏览 1提问于2020-10-09得票数 0
回答已采纳
1回答
我正在使用react-router节点模块在一个反应应用程序中进行路由。我正在导入所需的模块如下。
var React = require('react');
var Router = require('react-router');
var { Route, RouteHandler, Link } = Router;
// ... remaining code ...
但我在第3行(即var { Route, RouteHandler, Link } = Router; )上有语法错误。
错误：
Uncaught SyntaxError: Unexpecte
浏览 0提问于2015-01-04得票数 3
回答已采纳
我在写“反应”。我不想将es6编译成es5。因为浏览器已经支持。
看起来JS的小型化还没那么成熟。但这没什么。我只需要打包JS文件。
我想使用Object static methods特性。
webpack版本是3.10.0。
运行./node_modules/.bin/webpack -d时会出现错误。
Hash: 84a44d953a9cf1e8e1f5
Version: webpack 3.10.0
Time: 257ms
Asset Size Chunks Chunk Names
./../public/bundle.j
浏览 1提问于2018-01-19得票数 1
回答已采纳
我正在尝试基于这篇文章创建一个组件： https://scotch.io/tutorials/5-ways-to-convert-react-class-components-to-functional-components-w-react-hooks#toc-class-with-state-and-componentdidmount 但是简单地从上面的链接复制粘贴功能组件会抛出一个错误： TypeError: Object(...) is not a function
Home
src/components/Home.js:3
1 | import React, { useState
浏览 76提问于2019-01-13得票数 2
回答已采纳
在javascript中，函数被声明为function myFuncName() {}，但是React/React原生函数省略了关键字。这是特定于ES6、JSX还是React的？
浏览 4提问于2018-01-09得票数 4
我很难获得作为新React一部分的React contextType属性。文件说：
可以为类上的contextType属性分配由React.createContext()创建的上下文对象。这允许您使用this.context使用该上下文类型的最近的当前值。您可以在任何生命周期方法中引用这一点，包括呈现函数。
除非我遗漏了什么，那么，下面的代码应该使this.context在App类上可用：
import React from "react";
import ReactDOM from "react-dom";
const MyContext = Rea
浏览 0提问于2018-11-20得票数 1
回答已采纳
1回答
JSX一个根元素的概念令人困惑
、、、、
因为我们熟悉React JSX一个根元素的概念。应该只有一个父标签。
class App extends React.Component {
render() {
return (
<div>
<h1>Hello {this.props.name}</h1>
<h2>Start editing me</h2>
</div>
)
}
}
// this works
如果我们这样做，它会产生错误
class App extend
浏览 0提问于2020-12-14得票数 1
我开始通过Scrimba学习React，但导师在屏幕上做的事情我无法复制。我安装了npm，并安装了react和react-dom，但我得到了这个错误。我的代码如下：
import React from 'react'
import ReactDOM from 'react-dom'
function Name(){
return (
<p>This is me...</p>
)
}
ReactDOM.render(<Name />, document.getElementById('
浏览 11提问于2020-02-04得票数 1
回答已采纳
1回答
如何在React Native中使用我想要的包名创建项目？我已经试过了
react-native init MyApp -package ˜br.com.gabrielgp.MyApp˜
而且还
react-native init MyApp --package=br.com.gabrielgp.MyApp
但它不起作用，com.MY_APP_NAME继续说。我还试着使用
npm install -g react-native-rename
react-native-rename MyApp -b br.com.gabrielgp.MyApp
但是改变了我项目的结构。
浏览 0提问于2019-12-28得票数 1
1回答
我在VS代码中创建定制的javascript片段。我有一个创建React组件类的代码片段，但是使用相同的前缀，我希望拥有一个稍微不同的react组件类。这是我的密码：
"Creates a React component class": {
"prefix": "rcc",
"body": [
"import React from 'react'",
"",
"class ${1
浏览 1提问于2021-12-19得票数 0
回答已采纳
我正在做一个react-three-fiber项目，我像过去一样添加了drei。 npm i drei 问题是，一旦我尝试使用Html方面，它就抛出一个错误，关于它如何找不到曲线修饰符。我过去使用过drei，没有问题，但我不知道如何处理这个问题。 Module not found: Can't resolve 'three/examples/jsm/modifiers/CurveModifier' in '/Users/....' import语句： import { Html } from "@react-three/drei"; p
浏览 107提问于2021-01-22得票数 0
回答已采纳
“依赖关系”：{“@bar本机-社区/屏蔽-视图”："0.1.10“、”@bar导航/本机“："^5.8.10”、“@react-导航/堆栈”："^5.12.8“、"expo"："^44.0.1”、“expo bar”："~1.2.0“、”bar“："^16.13.1”、"react-dom"："16.13.1"，“反应-原生”："^0.64.3"，“反应-本机-手势-处理程序”："~2.1.0"，“反应-原生-纸”："^4.11.1"，“反
浏览 9提问于2021-12-26得票数 3
FAIL src/App.test.js
● Test suite failed to run
TypeError: Cannot read property 'bool' of undefined
2 | import logo from './logo.svg';
3 | import './App.css';
> 4 | import { Grid, Row, Col, Table, Panel, Image, Tabs, Tab, Nav, NavItem, Alert} from 'react-boot
浏览 0提问于2018-09-12得票数 2
回答已采纳
我正在创建一个测试项目来尝试Mobx和react。这就是我所遵循的程序
npm -i --save mobx mobx-react
npm run eject
npm install --save-dev babel-plugin-transform-decorators-legacy babel-plugin-transform-class-properties
设置"experimentalDecorators"：在tsconfig.json中为真
将插件部分添加到babel中的package.json文件中：
{
"plugins": ["tran
浏览 0提问于2019-02-05得票数 1
当我运行一个.tsx文件时，我得到了这个错误
TypeError
消息dispatcher.useInsertionEffect不是一个函数
堆栈跟踪TypeError: dispatcher.useInsertionEffect不是useInsertionEffect的函数，而是插入的useInsertionEffect函数，TypeError是renderWithHooks (webpack-internal:///../../node_modules/@hot-loader/react-dom-v17的在(webpack-internal:///../../node_modules/@h
浏览 6提问于2022-10-18得票数 0
耐心点，我是React的新手。
在这段代码中(它不工作)，我想，
在CommentForm中，获取url props的值。
来自CommentBox的。
var CommentBox = React.createClass({
render: function() {
return (
<div className="commentBox">
<h1>Comments</h1>
<CommentList />
<CommentForm />
浏览 0提问于2015-03-15得票数 5
回答已采纳
所以我是一个react菜鸟，我的问题是我想知道如何滚动到一个与链接中的另一个组件嵌套在一起的组件。
下面是我正在讨论的结构
我的组件位于这个名为app的组件中，我想通过单击导航组件中的一个导航链接滚动到这些组件中的任何一个。
import React from 'react';
import logo from './logo.svg';
import './App.css';
import Welcome from './components/Welcome/Welcome';
import Skills from '.
浏览 0提问于2019-05-11得票数 0
我是非常新的反应，我正在尝试实现的切换选项卡在反应使用材料用户界面。任何帮助都将不胜感激。这就是我要犯的错误
无效钩子呼叫。钩子只能在函数组件的主体内调用。这可能发生在以下原因之一: 1. app和呈现器(如React ) 2的版本可能不匹配。您可能违反了Hooks 3的规则。在同一个应用程序中可能有多个React副本。
我已经尝试过使用以下方法更新：
npx create-react-app newhook and then yarn add react@next and yarn add react-dom@next
这就是用户useState的位置。
render() {
浏览 0提问于2019-07-11得票数 3
回答已采纳
我很好奇为什么有这么多程序员单独导入useState。 import React, { useState } from 'react';
const [foo, setFoo] = useState('foo'); 然而，在内存中导入react并执行React.useState不是更容易吗 import React from 'react';
const [foo, setFoo] = React.useState('foo');
浏览 44提问于2020-09-09得票数 2
回答已采纳
为什么它不接受扩展属性？为此，我使用了babel-preset-env。
.babelrc
{
"presets": [
"react",
[
"env",
{
"targets": {},
"debug": true,
"modules": "commonjs"
}
浏览 1提问于2017-08-21得票数 6
回答已采纳
在生产中，我的错误越来越少。看上去好像是跟丑化Webpack插件有关，我找不到解决办法。
Webpack配置：
const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
module.exports = {
mode: "production",
entry: "./index.tsx",
resolve: {
extensions: [".js", ".tsx"]
},
module: {
r
浏览 0提问于2018-11-17得票数 9
回答已采纳
react:如果我导入一个导入更高版本的组件，在一个较低版本的react项目中反应，会发生什么。在diff模块中会有两个不同版本的react吗？还是只有一种反应？webpack和本地人es6之间有什么区别吗？
浏览 1提问于2018-03-01得票数 0
回答已采纳
我对打字项目的反应是完全陌生的。
Im脚手架是一个类型记录项目，使用以下内容：
npx create-react-app test --template typescript
然后，我成功地设置了一个sass模块，并通过以下方式将其配置为package.json文件：
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts
浏览 2提问于2022-07-22得票数 2
我试图在我的react项目中集成一个React组件。当我被吞咽的时候，我在onClick = () => {上得到了一个错误
js/expanding动画.js:意外令牌(14:16)
我在用gulp和babelfy和"presets": ["react", "es2016"]
想法？
import React, {Component} from 'react';
const animationStyle = {
transition: 'width 0.75s cubic-bez
浏览 2提问于2017-02-23得票数 0
回答已采纳
这里有一个问题:我使用的是phamtomJS 2.1.1，我想打开我的网页，它是写在reactJS +类型记录上的，在System.import期间我收到了一个异常。
Index.html的代码：
<div id="__Mount"></div>
<script src="lib/systemjs/dist/system.src.js"></script>
<script src="lib/react/dist/phantomjs-shims.js"></script>
浏览 3提问于2016-09-07得票数 0
回答已采纳
1回答
我一直试图让MobX在我的React项目中发挥作用。我遵循了babelrc配置，也安装了transform-decorators-legacy，但似乎在尝试运行项目之后获得了Parsing error: Unexpected character @。
这是我的宝贝
{
"presets": [
"es2015",
"react",
"stage-1"
],
"plugins": ["transform-decorators-legacy"]
}
Webpack开发
浏览 2提问于2017-05-05得票数 3
回答已采纳
错误码
import React, {Component} from "react";
import ReactDOM from "react-dom";
class App extends Component {
constructor(props) {
super(props);
this.DemoRenderer = function () {
return <div>DemoRenderer</div>;
};
}
customerRender = () => {
浏览 4提问于2022-08-09得票数 0
我知道React是高级Javascript，所以我可以知道React属于哪个ECMAScript版本吗？例如，下面的React代码来自使用JavaScript构建的React，我想知道下面的React代码属于哪个版本的ECMAScript？
ReactDOM.render(element, container[, callback])
浏览 2提问于2019-12-03得票数 0
我想使用NavigatorIOS (我知道它不受很好的支持，但它是一个小项目，我想要的东西看起来像iOS导航栏)。然而，路线之间的过渡速度极其缓慢。从一个屏幕滑到另一个屏幕需要超过2秒，在此期间，我无法与任何一个屏幕交互。有没有办法增加过渡时间。以下是我的全部index.ios.js (如果这有帮助的话)：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*/
'use strict';
var React = require('react-native')
浏览 2提问于2015-11-04得票数 2
回答已采纳
我有一些困难，理解最好的方式登录一个用户后，例如5分钟，或x数量的不活动。我见过很多黑客解决方案和npm包，但我更愿意正确和高效地完成它，而不需要添加任何额外的包。
下面是我在package.json中使用的一些相关依赖项：
"aws-amplify": "^1.1.6",
"aws-amplify-react": "^2.0.5",
"aws-amplify-react-native": "^2.0.1",
"expo": "^30.0.0"
浏览 0提问于2018-10-24得票数 1
1回答
我使用的是"react": "^15.3.2"，我希望对PropTypes的支持是从盒子里出来的。
但是，下面的每个语句都以一个错误结束，我正在研究如何解决这个问题。
import React, { Component, PropTypes } from 'react';
...
static defaultProps = {
evalScripts: 'never',
callback: () => {}
}
static propTypes = {
path: PropTypes.string.isRe
浏览 2提问于2016-10-15得票数 0
回答已采纳
配置
我使用与我的项目一起编译我的项目。到目前为止，我已经使用了基本的webpack.config.js设置，它应该与react 一起工作。
// webpack.config.js
// ...
Encore
// ...
.enableReactPreset()
;
我试过的是：
我继续添加了babel配置(我不认为这是必要的)，希望它能解决问题，但它没有：
.configureBabel(function(babelConfig) {
// add additional presets
babelConfig.presets.push(&
浏览 0提问于2018-05-21得票数 3
回答已采纳
需求
const stringWithBr = 'aaaaaaa<br />bbbbbbb';
ReactDOM.render(
<div>{stringWithBr}</div>,
document.getElementById("root")
);
<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.producti
浏览 8提问于2022-02-21得票数 -1
我有一个RequireJS模块，它返回多个ReactJS类，我希望这些类立即可用于JSX作用域。
例如：
define(["require"], function (require) {
var SimpleClass = React.createClass({displayName: 'SimpleClass',
render: function() {
return <div>HELLO DUDE {this.props.name}</div>;
}
});
var AnotherSimple
浏览 14提问于2014-05-19得票数 2
回答已采纳
因此，我在我的应用程序中使用一个普通的React组件库和MobX作为状态管理。当我有一个可以观察到的数组作为数据，并且我想把它从我的组件(这是一个mobx-react observer)传递给UI库的组件(这个支柱是PropTypes.array的类型)时，组件拒绝它，说我的可观察数组是一个对象，而不是一个数组。
// my store
class Store {
@observable data = [...];
}
// my component
@inject('store')
@observer
class MyComponent extends React.C
浏览 2提问于2017-05-22得票数 3
回答已采纳
我试着翻遍所有的孩子并给它加上一个道具。问题是它适用于所有的直接子女，但“孙辈”如果愿意的话，也不会收到新的道具。下面是代码片段：
React.Children.map(this.props.children, child =>
React.createElement(
child.type,
Object.assign({}, {...child.props}, {newProp: "test"}),
)
)
所有的孩子都保留着他们的道具，以及增益prop.newProp和孙辈也被归还，但没有newProp。这样送孩子进来也是行不通的：
R
浏览 8提问于2016-06-10得票数 1
1回答
我正在尝试使用browserify (来自node_modules/.bin/的本地二进制文件)构建我的项目
这是完整的命令
./node_modules/.bin/browserify . | uglifyjs -cm >js/bundle.min.js
我的目录是/var/www/react-shopping
我不明白这个错误，Error: Cannot find module '/var/www/react-shopping'
这里完全错误，
Error: Cannot find module '/var/www/react-shopping' fr
浏览 0提问于2015-06-18得票数 1
1回答
当我在React项目中使用@use而不是@import (用create-react-app初始化)时，它不会向编译后的CSS返回任何内容，而是返回普通的"@use "libs/normalize"，但@import工作得很好。我的node-sass版本是4.13.1，libsass是3.5.4
浏览 5提问于2020-05-05得票数 0
我正在使用一个React路由器测试顽固示例，而且我以前从未见过这个类约定。我猜这是ES6特有的吗？
var stubRouterContext = (Component, props, stubs) => {
function RouterStub() { }
Object.assign(RouterStub, {
makePath () {},
makeHref () {},
transitionTo () {},
replaceWith () {},
goBack () {},
浏览 2提问于2015-05-11得票数 0
回答已采纳
我正在尝试在我的react应用程序中实现服务器端渲染。我不能使用react、react-dom和react-router的服务器实现来访问DOM。我可能会遇到“浏览器历史记录需要一个DOM”错误。
所以我的猜测是，我在服务器端或客户端包装组件的方式有问题。
我将分享我的结构和本练习中涉及的重要文件！
server.js
import React from 'react';
import { renderToString } from 'react-dom/server';
// import { StaticRouter } from 'react-ro
浏览 0提问于2018-02-09得票数 1
我是第一次接触React-native。下面提到了依赖关系 "dependencies": {
"@react-native-community/masked-view": "0.1.6",
"@react-navigation/drawer": "^5.8.2",
"@react-navigation/native": "^5.5.1",
"@react-navigation/stack": "^5.2.10",
浏览 29提问于2020-06-28得票数 2
我不明白我做错了什么，或者只是ESlint没有正确地做检查。我正在扩展(在我的HeaderProps中) React.HTMLAttributes<HTMLElement>，它实际上定义了className属性：
import classNames from 'classnames';
import React from 'react';
type HeaderProps = React.HTMLAttributes<HTMLElement> & {
children?: React.ReactNode,
}
export
浏览 7提问于2022-10-05得票数 1
我试着从运行Reactive下拉到React设置
我已经将代码从github粘贴到了为react设置的jsfiddle，但它不起作用。
有谁能给我举个例子，在jsfiddle上运行简单的hello，以便使用ecmascript 6进行反应。
我尝试了一个简单的例子：
import React from 'react';
export class class Hello extends React.Component {
constructor(props) {
super(props);
}
render(){
<div>
<in
浏览 5提问于2015-08-06得票数 1
回答已采纳
1回答
我正在尝试用highcharts设置我的世界地图的highcharts，但是它不会改变大小。
我试过这些：
responsive: {
rules: [{
condition: {
maxWidth: 500
},
...
如建议的和。
chart: {
maxWidth: 1024
},
如建议，，。
我正在使用来自的代码。
2020年2月10日更新：
按照下面的建议，我使用以下代码，可以找到
import * as React from 'react';
impo
浏览 3提问于2020-02-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
