2回答
当试图将react bootstrap Modal组件导入我的react项目时，我得到了以下错误：
ERROR in ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /vagrant/node_modules/react-dom/lib
@ ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js 15:29-72
E
浏览 4提问于2017-05-08得票数 3
回答已采纳
这是我的webpack.conf.js
var path = require('path');
var config = {
devServer: {
contentBase: "./public",
hot: true,
},
entry: path.resolve(__dirname, 'src') + '/index.js',
output:{
path: path.resolve(__dirname, 'public'),
filename:'
浏览 2提问于2017-07-24得票数 4
回答已采纳
1回答
我试图用TypeScript创建Reactive18应用程序，我试着跟随，但我无法使它工作。我无法将"types": ["react/next", "react-dom/next"]添加到tsconfig文件中。我搞错了：
Cannot find type definition file for 'react-dom/next'.
The file is in the program because:
Entry point of type library 'react-dom/next' specif
浏览 9提问于2022-04-09得票数 3
我试着用Jest、React和PostCSS进行测试。通过使用className={styles.*}，我可以让它工作得很好，而不需要使用react模块。也尝试过，但没有帮助。
import React, { Component } from 'react';
import logo from './logo.svg';
import CSSModules from 'react-css-modules';
import styles from './App.pcss';
class App extends Component
浏览 2提问于2016-11-26得票数 3
回答已采纳
1回答
在呈现我的react组件之后，在控制台中获取这个未显示的引用错误，如下所示：
react-dom.production.min.js:216 ReferenceError: H is not defined
at App.render (webpack://frontend/./src/components/App.js?:21:149)
at qi (webpack://frontend/./node_modules/react-dom/cjs/react-dom.production.min.js?:187:188)
at pi (webpack://frontend/./node_mod
浏览 7提问于2022-03-13得票数 -1
material-UI的<SearchBar />的示例用法对我不起作用。我尝试运行的代码是。 import SearchBar from "material-ui-search-bar";
function App() {
return (
<SearchBar
value={this.state.value}
onChange={(newValue) => this.setState({ value: newValue })}
onRequestSearch={() => doSomethi
浏览 11提问于2021-09-06得票数 0
回答已采纳
我的顶级组件从react-router中获取children，如下所示：
class App extends Component {
render() {
return (
<div>
{React.cloneElement(children, this.props.widgets)}
</div>
)
}
}
我正在尝试用jest编写一个简单的测试，如下所示：
it('renders without crashing', () => {
const div = document
浏览 1提问于2017-01-05得票数 2
我有一个简单的组件，定义如下：
class App extends React.Component<{}, {}> {
constructor() {
super();
}
render() {
return (
<MuiThemeProvider muiTheme={muiTheme}>
<div>
<Drawer open={true}>
<MenuItem primaryText="123"
浏览 3提问于2016-11-23得票数 1
回答已采纳
12回答
我很少看到与这类错误相关的帖子。但在我的心中却无法解决。
我的package.json：
"react": "~0.14.7",
"webpack": "^1.12.13",
"react-hot-loader": "^3.0.0-beta.6",
.
.
我发现webpack犯了错误：
ERROR in ./public/src/main.js
Module not found: Error: Cannot resolve module 'react-dom' in C:\User
浏览 13提问于2017-03-03得票数 38
回答已采纳
3回答
我的目标是为使用webpack在ES6中生成的react组件库创建一个模块。
我正在使用：
webpack："2.1.0-beta.25“
反应："15.4.1“
我需要将react和react-dom指定为peerDependencies，这样开发者就不会下载它。
这是我的package.json的相关部分
"peerDependencies": {
"react": "15.4.1"
},
"dependencies": {
"chalk": "1.1.3"
浏览 5提问于2016-12-27得票数 4
回答已采纳
我试图在一个库中编写代码，它可以同时使用Reactive18和以前的版本，所以基本上
const reactMajorVersion = parseInt(ReactDOM.version.split('.')[0], 10);
if (reactMajorVersion >= 18) {
const ReactDOMClient = require('react-dom/client');
// use ReactDOMClient.createRoot
} else {
// use ReactDOM.render
}
问题是，图书馆需要
浏览 8提问于2022-06-24得票数 0
问题 当我尝试使用Jest、React和测试库通过npm test运行我的测试时，我得到了以下错误： 错误 /node_modules/react-dom/cjs/react-dom.development.js:3905
var evt = document.createEvent('Event');
^
TypeError: Cannot read property 'createEvent' of null
at Object.invokeGuardedCallbackDev (/n
浏览 46提问于2021-10-23得票数 1
我正在测试一个简单组件的呈现。下面给出了组件和测试规范的源代码。
App.js
import React from 'react';
export const App = () => {
return (<div data-testid="application">Hello World</div>);
}
App.spec.js
import React from 'react';
import { cleanup, render } from '@testing-library/react'
浏览 2提问于2020-05-18得票数 3
我正在建立一个反应应用程序。我得到了错误“对象无效作为一个反应子(找到:对象与键{en，nl})。如果你想呈现一个子集合，使用数组代替。
19堆栈帧：
throwOnInvalidObjectType node_modules/react-dom/cjs/react-dom.development.js:13231
reconcileChildFibers node_modules/react-dom/cjs/react-dom.development.js:14133
reconcileChildren node_modules/react-dom/cjs/react-dom.develop
浏览 2提问于2021-07-28得票数 0
3回答
我试着用font-awesome和React和Webpack。我已经安装了字体-使用npm非常棒：
npm install font-awesome --save
我已经正确地配置了webpack，我可以看到font-awesome是由Webpack加载并捆绑在我的bundle.js中的
$ npm run hot
> webpack-dev-server --inline --hot
http://localhost:8080/
webpack result is served from /dist
content is served fro
浏览 1提问于2017-01-20得票数 4
1回答
在将react & react-dom版本从0.0.0-experimental-6a589ad71升级到0.0.0-experimental-0eea57724之后，我的一个API单元测试开始崩溃，这个版本升级是唯一的更改。我不明白为什么，因为单元测试只测试没有以任何方式使用React的服务器端API。
C:\Users\markj\workspace\myapp\packages\website\node_modules\react-dom\cjs\react-dom.development.js:3964
var evt = document.createEvent(
浏览 25提问于2021-06-10得票数 0
回答已采纳
我在我的npm start日志上得到了这个结果：
Can't resolve 'react-dom/server' in 'C:\Users\Alvaro\git\Fancy\lab\src\components\data-visualization\chart'
If you're trying to use a package make sure that 'react-dom/server' is installed. If you're trying to use a local file make sure t
浏览 6提问于2022-10-13得票数 0
回答已采纳
我想升级我的反应17到18
"@types/react": "???????",
"@types/react-dom": "????????",
"react": "^18.0.0",
"react-dom": "^18.0.0",
我应该在@types/react和@types/react-dom里放些什么？
谢谢
浏览 16提问于2022-04-02得票数 2
回答已采纳
1回答
背景
我试图让我的AirBnB衬里开始工作，并决定卸载我的npm软件包，以便重新安装我的package.json文件。
我所做的
我运行bash命令：
npm uninstall `ls -1 node_modules | tr '/\n' ' '`
在此之后，我遵循了代码库的标准安装过程，即只在正确的目录中安装NPM。我很肯定我做对了。
意外发生的事
当我运行Webpack设置npm start时，一切都很正常，直到我得到了以下错误：
to be executed: nodemon --exec babel-node bin/server --no_debug
浏览 2提问于2016-12-02得票数 0
回答已采纳
我正在使用React并呈现一个日历(@多愁善感/反应-现代日历-数据报警器)，它可以选择一个日期范围。
我有个按钮。当我单击此按钮时，我将更新该按钮的状态，如果为真，则会显示数据报警器。如果是假的，则使用条件呈现隐藏数据报警器。
const [selectedDayRange, setSelectedDayRange] = useState({
from: null,
to: null
});
return (
<>
<input type="button" onClick={() => toggleDateRangeVis
浏览 27提问于2022-09-28得票数 2
回答已采纳
第一次使用了webpack，也使用了gh-pages部署。我从udemy课程中克隆了一个webpack项目。讲师并没有深入了解如何实际使用webpack。它告诉我etc./build不存在。当我创建一个build文件夹时，我得到了同样的错误。
package.json：
"scripts": {
"start": "node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js",
"build": "webpack -p --confi
浏览 2提问于2018-09-12得票数 0
1回答
我在使用react dom/client时有以下错误
Compiled with problems:X
ERROR in src/index.tsx:2:28
TS7016: Could not find a declaration file for module 'react-dom/client'. 'C:/Users/Mohamad/Desktop/HIS/Administration/Administration/Administration/Administration.Endpoints.WebUI/ClientApp/node_modules/reac
浏览 22提问于2022-09-23得票数 8
回答已采纳
我做了一个npm包，我的包依赖于react和react-dom。我不想把它们打包到npm包中，所以我把它们作为外部变量：
externals: {
react: "react",
"react-dom": "react-dom"
}
通过将它们设置为外部的，我可以毫无问题地打包它们。但是如果我在另一个项目中引用它，它会声称‘无法找到模块' react’和' react-dom‘，即使我确定react和react-dom列在项目的node_modules文件夹下。
如何修复它？
浏览 0提问于2019-04-02得票数 0
1回答
我有一些困难，在使用风格的组件在一个反应应用程序(创建-反应-应用程序)，我也使用材料-用户界面。
我是一个关于样式组件的noobie，所以我尝试在一个基于另一个资料ui组件的样式组件内设计一个素材ui组件。为了澄清我想要做的事情，下面是代码：
const StyledContainer = styled(Container)`
background-color: ${props=>props.theme.defaultBackground};
${FormControl} {
width:100%;
}
`;
容器和For
浏览 8提问于2020-04-14得票数 0
回答已采纳
我有一种情况，我想通过一个脚本标签从一个cdn加载React和ReactDOM。
为此，我需要告诉webpack("webpack"："^3.8.1")不要将“import React”行转换为requires，因为React将作为全局变量在浏览器中可用。考虑到我没有捆绑React，这些都是失败的。
虽然我可以在我的代码中避免导入，但在我要导入的组件中却没有这种能力。
我已经尝试了以下几种方法。
在配置中设置外部。
externals: {
react: {
root: 'React',
commonjs2: &#
浏览 3提问于2017-11-05得票数 0
我们升级到next.js 13，现在我们得到了这个错误：
TypeError:无法读取null属性(读取'useState')
这是堆栈跟踪：
Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (s
浏览 51提问于2022-11-04得票数 0
三天前开始了一个新的nextjs项目。只是更新了所有内容，然后添加了以下依赖项：
yarn add @material-ui/core
yarn add @mui/icons-material
yarn add @mui/material
得到了以下代码：
import * as React from 'react';
// Material UI components
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import T
浏览 11提问于2022-07-11得票数 -1
回答已采纳
Next.js太棒了。但它也有一些让开发人员抓狂的But。
我正在创建一个网站，我已经在25个地方使用了next/image。
现在我得到了一个错误：
Error: Image is missing required "src" property. Make sure you pass "src" in props to the `next/image` component. Received: {}
at Image (webpack-internal:///../../site/node_modules/next/dist/client/image.
浏览 7提问于2022-07-19得票数 1
我正在尝试使用酶在一个创建-反应-应用程序中测试React UI组件。我有一个使用mount的基本测试组件。这表明(至少对我而言)，我已经正确地设置了酶及其依赖项。
每当我试图在一个更复杂的组件上运行测试时，我都会得到一个错误，比如：
Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export
浏览 8提问于2018-12-16得票数 3
我编写了一个简单的测试用例，它检查了鼠标悬停在反应性组件上的工具提示值。
it("displays XYZ Information with 'Code' in a tooltip", async () => {
(useRouter as jest.Mock).mockImplementation(() => ({ locale: "en-us" }));
....
const { container } = renderPage(<Comp {...comprops} FLAG={true} />
浏览 13提问于2022-10-20得票数 0
1回答
我在使用Jest时发现了这个错误。
header-test.js
import React from 'react';
import ReactDOM from 'react-dom';
import TestUtils from 'react-addons-test-utils';
import Header from '../app/components/layouts/header.js';
describe('<Header/>', () => {
const Header =
浏览 0提问于2017-04-28得票数 2
我有一个具有以下componentDidMount()方法的组件：
componentDidMount() {
let seconds = 0;
if(this.props.location.query.seconds) {
seconds = parseInt(this.props.location.query.seconds, 10);
}
if (seconds > 0) {
this.setState({count:seconds});
window.location.hash = '#/timer&#
浏览 1提问于2017-03-24得票数 1
我正在为我的React组件创建一个测试。该组件使用window.dataLayer.push函数向Google Tag Manager发送事件。
在测试时，我得到window.dataLayer.push是undefined，然后我在我的setupTests.ts文件中创建了对它的模拟：
import "@testing-library/jest-dom/extend-expect";
import { server } from "mocks/server";
beforeAll(() => {
server.listen();
});
befor
浏览 1提问于2021-05-31得票数 1
似乎我在这里配置了一些不正确的东西，因为大小写的原因，react原生组件被标记为非原生组件，但很明显这些组件已经有了大写字母。这里发生了什么事？
console.error
Warning: The tag <Text> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
at Text
at Component (/Project/node_modules/r
浏览 16提问于2021-12-02得票数 0
1回答
我有一个react 16应用程序，我只是想升级到apollo2。足够接近相同的代码可以用于Apollo1。
这是我的index.js文件
import React from "react"
import ReactDOM from "react-dom"
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { ReduxCache, apolloReducer } from 'ap
浏览 1提问于2018-04-24得票数 0
回答已采纳
我已经试过好几次了，我的头因愤怒和失望而疼痛，请帮帮忙。所以我尝试用：npx create-next-app@latest --ts创建一个应用程序
这是运行next dev后立即得到的错误。
TypeError: Cannot read properties of null (reading 'useContext')
at Object.useContext (/Users/workingkakha/Documents/arcton/web/marketplace/node_modules/react/cjs/react.development.js:1618:21
浏览 19提问于2022-08-03得票数 0
我对reactjs很陌生，我试图为一个简单的函数编写一个单元测试。我正在使用酶，这是我的测试：
import React from 'react';
import { shallow } from 'enzyme';
import {P} from "../../src/app/components/T";
import ToDoItem from "../../src/app/components/ToDoItem";
function mockItem(overrides) {
// … create mock ToDo
浏览 0提问于2016-12-14得票数 2
回答已采纳
1回答
当我尝试使用浅层函数执行基本的浅层渲染测试时，我得到了以下错误消息：
TypeError: Cannot read property 'props' of undefined
at Object.ReactElement.cloneElement (node_modules/react/lib/ReactElement.js:271:34)
at Object.ReactElementValidator.cloneElement (node_modules/react/lib/ReactElementValidator.js:242:48)
at App.render (sr
浏览 0提问于2017-04-17得票数 0
我正在尝试使用自定义变体在MUI v5中对我的主题进行样式化，但是我看到了错误：
TypeError: Cannot read properties of undefined (reading 'ref')
at Select (/var/www/miniatureawards.com/node_modules/@mui/material/Select/Select.js:119:74)
at renderWithHooks (/var/www/miniatureawards.com/node_modules/react-dom/cjs/react-dom
浏览 8提问于2022-11-01得票数 0
我看过其他问题，似乎没有任何答案有帮助。我没有安装redux表单。我的反应是全新的(对开发来说也是很新的)
在我的App.js中，我要导入：
import React, { Component } from 'react';
import {
BrowserRouter as Router,
Route,
Switch,
NavLink
} from 'react-router-dom'
class App extends Component {
render() {
return (
<Router
浏览 6提问于2017-07-31得票数 1
回答已采纳
我不知道jest/酶出了什么问题，但它以一些非常令人沮丧的方式崩溃了。
import React from 'react';
import Timeline from './Timeline';
import { configure, mount, shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
configure({ adapter: new Adapter() });
const wrapper = mount(
<
浏览 0提问于2019-05-31得票数 0
我有一个错误，无法读取未定义TypeError的属性“map”，我希望在映射菜单后显示menus.name列表。我不明白这个错误
这是我的ssr-test.js代码
import Layout from "../components/Layout";
import axios from "axios";
export default class SSRTest extends React.Component {
static async getInitialProps({ req }) {
const response = await axios.
浏览 2提问于2018-09-15得票数 0
回答已采纳
我正在尝试为包含ReactMapGL组件的React组件创建一个简单的‘呈现不崩溃’测试，该组件本身包含一个DeckGL组件。
这是我写的测试：
describe('MapGL test', () => {
it('renders without crashing', () => {
const wrapper = mount(
<MapGL
gpsPath={mockGpsPath}
pathColor={mockPathColor}
pathWidth={mockPat
浏览 0提问于2018-03-19得票数 0
回答已采纳
import React from 'react';
// or
const React = require('react');
describe('...', () => ...);
我正在学习写出好的测试代码。下面的代码是react-dom的测试代码，为什么要这样写呢？它不应该像上面的代码一样写吗？
'use strict';
let React;
let ReactDOM;
let ReactDOMServer;
let ReactTestUtils;
describe('ReactDOM', (
浏览 10提问于2021-05-30得票数 0
1回答
问题
我需要用预演代替webpack的外部反应，但只能在生产上。
我需要一种方法来验证我的包是否使用了preact，而不是react。
例如，在我的页面上，我将有以下脚本
<script src="./externals.js"></script>
<script src="./title-component.js"></script>
在我的npm反应组件包中
我的npm包是用react编写的，应该与我的预动作外部脚本一起工作。
class Title extends
浏览 5提问于2020-02-21得票数 1
回答已采纳
对不起，这个标题很糟糕(真的不知道我还能给出什么标题)。
长话短说，作为第一次反应组件库开发人员.我正在使用webpack 4将我的传输到一个模块中。
一切都进行得很顺利，直到我开始使用来加速本地开发速度。
因此，主要的问题是，尽管我已经指定如下
//webpack.fancy-react-component-lib.config.js
...
externals: {
react: {
root: 'React',
commonjs2: 'react',
commonjs: &
浏览 2提问于2019-06-25得票数 1
我正在尝试将react从15.4.2更新到16.2.0。我关心的主要依赖项是React和React-Dom。我尝试运行：npm uninstall --save react react-dom，然后运行npm install --save react react-dom，但是我一直收到消息：UNMET PEER DEPENDENCY react@16.2.0 react-dom@16.2.0，这让我认为它是一个收缩或捆绑的依赖项，但似乎找不到它。我甚至试图从package.json中的依赖项中删除react和react-dom。还是没有用。
浏览 0提问于2018-02-06得票数 0
我正在使用在我的React应用程序中将语音转录为文本。react-speech-recognition提供了SpeechRecognition高阶组件，该组件将browserSupportsSpeechRecognition等附加属性注入到封装的组件中。
我的App组件如下所示：
// src/App.js
import React, { useEffect } from 'react';
import SpeechRecognition from 'react-speech-recognition';
const App = ({ transcript, b
浏览 0提问于2020-06-13得票数 4
回答已采纳
2回答
我正在构建一个npm包，它将接受项目根目录中的自定义规则-类似于prettier在项目根目录中查找.prettierrc的方式。 在我的包中，我使用了webpack来编译构建。我的应用程序使用react，我将其从外部拉入，以便在运行时检索包，而不是在构建时捆绑。 webpack.config.js module.exports = {
entry: "./src/index.js",
output: {...},
module: {...},
resolve: {
modules: [path.resolve("./src"),
浏览 61提问于2019-01-18得票数 6
我正在使用React-Boilerplate编写应用程序，并希望测试连接的react组件。默认的"npm run generate“脚本生成一个带有默认测试的组件/容器。默认情况下，index.test.js脚本会失败，并出现以下错误，我无法纠正它。 我认为这个错误与测试中缺少重复的“上下文”有关。如何提供上下文以便定义"store“属性？为什么IntlProvider不自动为组件提供上下文？ 测试代码(Jest)： import { render } from 'react-testing-library';
import { IntlProvider }
浏览 38提问于2019-06-13得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
