React -导入节点包时出错(Object prototype只能是Object或null)
React是一个用于构建用户界面的JavaScript库。它被广泛应用于前端开发领域，可以帮助开发人员构建高效、可维护的用户界面。
在导入React节点包时出现"Object prototype只能是Object或null"的错误通常是由于React版本不兼容或者导入方式不正确引起的。解决这个问题的方法如下：
- 确保你使用的React版本与你的代码兼容。可以通过查看React官方文档或者React的GitHub页面来获取最新的版本信息。
- 确保你的导入方式正确。在使用React时，通常需要导入React的核心库和ReactDOM库。正确的导入方式如下：
import React from 'react';
import ReactDOM from 'react-dom';- 检查你的代码中是否存在其他与React冲突的库或命名空间。有时候，其他库可能会修改Object的原型，导致React出现错误。可以尝试在导入React之前将其他库的引入代码注释掉，然后逐个解除注释，找到引起冲突的库。
- 如果以上方法都无法解决问题，可以尝试重新安装React依赖。可以使用npm或者yarn等包管理工具重新安装React相关的依赖包。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
- 腾讯云云服务器（CVM）：提供了可扩展的计算能力，可以满足各种规模的应用需求。详情请参考腾讯云云服务器产品介绍。
- 腾讯云云函数（SCF）：是一种事件驱动的无服务器计算服务，可以帮助开发人员在云端运行代码，无需关心服务器的管理和维护。详情请参考腾讯云云函数产品介绍。
希望以上信息对您有帮助！
相关·内容
如果我使用target:"es5"来转换使用ES6样式类& React的TypeScript代码，那么我的目标入口点(这里是一个名为App.ts的文件)具有如下所示的转移代码：
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = require("react");
var react_router_1 = require("react-router");
当这个片段中的第一行被击中时，我会得到一个Uncaught Refe
浏览 0提问于2018-05-17得票数 2
回答已采纳
1回答
我正在尝试添加对IE11的支持。我知道错误是：
SCRIPT1003:预期“：”
档案: vendor.bundle.js，行: 8699，列:8
SCRIPT5009：“webpackJsonp”未定义
档案: app.bundle.js，行: 1，列:1
第8699行抛出以下内容：
style(props, propName, componentName) {
if (props[propName] == null) {
return undefined;
}
似乎巴贝尔并没有把这个转到style: (props, propName, componentName)上。
浏览 0提问于2018-03-14得票数 2
回答已采纳
我一直在我的控制台中收到警告，说Proptype的弃用直接来自于React。
bundle.js:9748 Warning: Accessing PropTypes via the main React package is deprecated, and will be removed in React v16.0. Use the latest available v15.* prop-types package from npm instead. For info on usage, compatibility, migration and more...
因此，我在Facebook页
浏览 0提问于2018-05-17得票数 1
回答已采纳
因此，我使用webpack将我的react组件绑定到myApp.js中。我在webpack.config.js文件中创建了一个名为MyApp的全局公开变量，其中包含我所有的react组件-如下所示：
entry: {
// create myApp.js, expose MyApp global object
// index.js lists all my react components to include in myApp.js
'myApp.js': 'expose?MyApp!../ReactComponents/index.js'
浏览 1提问于2015-09-02得票数 1
1回答
我正在学习React.js，并使用Babel的在线转换器将这一行转换为纯JavaScript：
const element = <div tabIndex="0"></div>;
变成：
"use strict";
import { React } from "react";
var element = React.createElement("div", {
tabIndex: "0"
});
console.log(element)
但是当我在网络风暴中运行它时，我得到了一
浏览 2提问于2020-03-09得票数 2
回答已采纳
3回答
react-native支持像D3 -D3这样的D3库/npm模块吗？
对我来说，这是抛出错误-querySelectionAll(选择)未定义。
它在reactJS上工作得很好，但在react-native上就不行了。
请help.Totally卡住。
浏览 0提问于2018-04-21得票数 7
我正在尝试使用Bootstrap模式将Navbar添加到我的react应用程序中，我确实按照他们的文档建议的方式进行了安装: npm install --save react-bootstrap。
我的项目的结构：
ProjectRootFolder / src / app.js (该文件将呈现我的主页)
ProjectRootFolder / src / index.html (页面将在其中呈现)
代码如下：
/* now built everything as React Component */
class Header extends React.Component{
rend
浏览 0提问于2018-11-12得票数 0
我现在很难让我的React应用程序在IE11中工作。问题似乎是，一些较新的ES6工具在IE11中不可用。所以我的目标是填充缺少的功能。我使用的nwb 1，这是一个零配置设置的反应应用程序.但是，我不知道如何配置Babel (或者Webpack ?)来填充某些方法，如Array.from。例如，它看起来像fetch、not和Object.assign都是多填充的，但不是Array.from。任何帮助都将不胜感激。
这是我的nwb.config文件：
module.exports = {
type: 'react-app',
webpack: {
defi
浏览 4提问于2017-06-13得票数 3
3回答
在测试我的TodoList组件时，我一直收到这个错误：
debug.html:38
不变违规：
元素类型无效：
期望字符串(用于内置组件)或类/函数(用于组合组件)，但获得: object。
我不知道是什么引起的。有人能把我引向正确的方向吗？
TodoList.js:
import React from 'react';
import Todo from 'Todo';
class TodoList extends React.Component {
renderTodos(todos) {
return todos.map(
浏览 1提问于2016-11-27得票数 1
回答已采纳
我在TypeScript中有以下示例类：
export default class Greeter {
greeting: string;
constructor(message: string) {
this.greeting = message;
}
greet() {
return "Hello, " + this.greeting;
}
}
它使用以下tsconfig.json：
{
"compilerOptions": {
"module"
浏览 0提问于2017-07-12得票数 2
我正在寻找一个很好的方法来使用历史对象的react-router-dom在任何地方的应用。不管是反应成分还是非反应成分。
我认为最好的解决方案是使用window对象。
在App.jsx中
import React from "react";
import { useHistory } from "react-router-dom";
import { getUser } from "./axios";
const App = () => {
let history = useHistory();
if (!window.reac
浏览 14提问于2022-03-25得票数 1
我正在尝试做一个简单的聊天应用程序与React Native一起学习。这是App.js
//import the screens
import Chat from './components/Chat';
//import react navigation
import { createStackNavigator, createAppContainer } from 'react-navigation';
import React, {Component} from 'react';
import {Platform, StyleSheet,
浏览 0提问于2019-03-01得票数 0
1回答
在之后，我试图将npm包添加到路由文件中。在本例中，我们将添加React-select。在路由文件中直接导入包不起作用，因此我们创建了一个util文件来处理导出包。
我们应该添加这样的包：
import Select from 'react-select'
<Select options={[{ label: "label", value: "value" }]} />
在REMIX应用程序中，我们将尝试从utils文件中添加包。
utils/select.server.ts
export * from 'react-sel
浏览 4提问于2022-04-01得票数 0
1回答
我的nodejs js文件在CLI nodejs上下文中执行时抛出错误"ReferenceError: require is not defined“。但是，在nodejs REPL交互式外壳中执行"console.log(require)“将返回有效的函数定义。
$ cat r.js
console.log(require);
$ node
Welcome to Node.js v12.17.0.
Type ".help" for more information.
> console.log(require);
[Function: require]
浏览 16提问于2020-06-05得票数 1
回答已采纳
我正在尝试将React添加到现有的Rails5.1应用程序中，但是我得到了这个错误:未定义ReferenceError: exports。
我正在使用webpacker。这是我的application.js文件的内容：
//= require react
//= require react_ujs
//= require components
在我的组件目录中，我有一个文件register.jsx：
class Register extends React.Component {
render(){
return(
<div>
浏览 0提问于2018-08-20得票数 0
1回答
我正在使用reactReduxFirebase对user.Here进行身份验证，这是我用来创建存储的代码。
import { reactReduxFirebase } from "react-redux-firebase";
import firebase from "./services/firebase";
const createStoreWithFirebase = compose(reactReduxFirebase(firebase))(
createStore
);
const store = createStoreWithFirebase(
浏览 0提问于2019-10-18得票数 1
谁能告诉我，当一个简单的对象是使用object文字表示法/ Object.create创建的时候，它的原型是什么？当我在Object.create上浏览MDN Notes时，它是这样描述的：
var a = {a: 1};
// a ---> Object.prototype ---> null
var b = Object.create(a);
// b ---> a ---> Object.prototype ---> null
console.log(b.a); // 1 (inherited)
var c = Object.create(b);
//
浏览 2提问于2014-11-11得票数 0
我正在使用react组件和react路由器-dom的路由，但是从导入{router}失败时出错：-
TypeError: Cannot read property 'prototype' of undefined
下面是触发错误的行，如默认页面所示。
import React, { Component } from 'react'
import { Route } from 'react-router-dom'
class Main extends Component {
render() {
return (
浏览 1提问于2019-08-17得票数 1
回答已采纳
1回答
我正在创建一个外部npm包，.My包已成功创建，但是当我将bundle.js在控制台上，它会给出以下错误 错误:无法读取未定义的属性'PureComponent‘ 这是我的webpack配置 const config = {
// TODO: Add common Configuration
mode: "production",
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modul
浏览 33提问于2021-02-25得票数 0
回答已采纳
我在Node.js中使用Node.js时出错了
脚本sw.js
//startswith
var str = 'Sein oder nicht sein, dass ist hier die Frage'; console.log(str.startsWith('Sein oder'));
// true
console.log(str.startsWith('nicht sein'));
// false
console.log(str.startsWith('nicht sein', 10));
// true
脚本的输出：
浏览 6提问于2016-12-21得票数 3
回答已采纳
我正在使用一个解析器函数。此函数返回一个值为错误消息的对象:代码如下：
const codeErrors = ({ code }) => {
if (code === '1111') {
return {
'contact1': (
<ErrorWrapper id={code} />
)
};
}
return {
'contact2': (
<ErrorWrapper id={code} />
)
};
ErrorWr
浏览 0提问于2019-12-02得票数 0
1回答
我试图通过实例化Javascript类中的组件，在运行时在React-Bootstrap中动态生成警报组件。我之所以这样做，是因为有很多要显示的警报，而且Javascript类更易于创建。
我这样做的尝试没有奏效。我不确定这个问题是普遍适用于React，还是仅仅适用于React-Bootstrap。但是，该错误发生在react.js中，它会抛出以下错误：
TypeError: undefined is not a function
该抛出发生在以下JSX文件的alert.getComponent()调用中：
/** @jsx React.DOM */
var Alert = ReactBoo
浏览 0提问于2014-08-05得票数 1
1回答
捆绑包中的重复组件
、、、
我有一个项目的反应/打字与webpack 2和不同的组件，主要模块从外部引用索引文件。下面是测试项目：
捆绑包位于in:TestReactTs\Scripts\App\portal.bundle.js
hello.tsx是我的主要组件，代码如下：
import * as React from "react";
import { HomeC2L1 } from "./components2"
import { HomeL3 } from "./components1/components1_level2/components1_level3/homel3
浏览 3提问于2017-05-12得票数 0
3回答
加载图像
、、、
这是我用来加载名为"boat.png“的图像的代码
@Override
public void paint(Graphics g) {
BufferedImage img = null;
try {
img = ImageIO.read(new File("boat.png"));
} catch (IOException e) {
System.out.println("Can't load the image");
}
}
这两行生成错误
BufferedImage i
浏览 0提问于2013-01-14得票数 1
回答已采纳
我正在尝试让 ("react-router"："^4.0.0-2")在我的项目中工作，并尝试基于实现它。然而，我无法让它与多个路由一起工作。我一直在想：
invariant.js:38 Uncaught Invariant Violation: MatchProvider.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.
我的代码如下
class Ro
浏览 8提问于2016-09-16得票数 4
回答已采纳
创建对象的方法有很多。但是，我想知道为什么这种方法会出错(只是想学习一下)--错误消息中的“未定义”是什么意思？该问题与在我尝试var Obj={}时如何首次实例化该对象无关；并且得到了相同的结果。谢谢。
'use strict';
var Obj=Object.create(null);
var descriptor={
value: 37, writable: true, enumerable: true, configurable: true};
Object.defineProperty(Obj, 'p0' , descriptor);
浏览 0提问于2017-10-27得票数 1
回答已采纳
我尝试在我的react应用程序中使用node.js v8模块中的序列化API (使用create-react- app创建)，但似乎不起作用。
根据的说法，这应该只是一个导入/请求模块的情况。当我尝试它时，它看起来都像预期的那样工作--没有错误。我甚至可以在v8对象上访问像.serialize()和.deserialize()这样的方法--太棒了。但是当我尝试实际运行我的项目(使用react-scripts start)时，我得到了一个编译错误：
Module not found: Can't resolve 'v8' in '...'
出于某种原因，它
浏览 0提问于2021-03-12得票数 0
2回答
钩子错误无效，复制版本的反应？
、、、、
每当使用从反应性路由器-dom(如路由器和路由)导入的任何内容时，我都会得到一个无效的钩子错误。
在使用样式组件时，我得到了同样的无效钩子错误，但是通过重新安装它并迫使它在命令行中修复，错误消失了。对此不起作用
我该怎么做才能修好它？我有复制版本的react吗？
这是我的package.json
{
"name": "my-portfolio",
"version": "0.1.0",
"private": true,
"dependencies": {
"@test
浏览 3提问于2022-07-16得票数 0
1回答
我正在尝试使用node，我会第一个承认它超出了我的能力范围。没有一个很好的教程列表，故障排除也是有限的，我正在尽我最大的努力以适当的方式问尽可能少的问题。我相信我搞砸了一个要求，但这可能只是因为我不完全理解renderToString。我正在运行node、express和react，最终，我想使用MERN堆栈。
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = requ
浏览 0提问于2016-06-12得票数 0
1回答
所以我从NPM下载了一个名为react-csv-importer的包。我的React应用程序正在使用scss自定义布局。我使用从react-bootstrap购买的react-bootstrap模板编写代码。 他们的布局让我感到困惑，我似乎不能理解如何自定义我安装的NPM包…… 这是index.css文件的照片，其中包含我需要编辑的所有内容 ? 以下是SCSS布局的屏幕截图 ? 这是主题文件夹中的另一个屏幕截图，它包含大多数scss文件 ? 现在，难道我不应该只创建一个名为csv-importer.scss的新文件，然后从位于NPM包中的index.css复制代码并在
浏览 31提问于2021-08-02得票数 0
1回答
如何在选择下拉列表中添加图标？
我的代码是：
import React, { Component } from 'react';
import Icon from '@mdi/react'
import { mdiFormatAlignLeft } from '@mdi/js';
import { mdiCheckboxMarked } from '@mdi/js';
import { IoMdRadioButtonOn } from 'react-icons/io';
class AddNewQuestion
浏览 17提问于2020-05-27得票数 1
回答已采纳
1回答
我试图在reactjs项目中运行一些简单的测试。当被测试的组件具有“@fluentui/ run”或“@fluentui/run northstar”导入时，我会遇到以下错误-
Test suite failed to run
TypeError: Class extends value undefined is not a constructor or null
1 | import { Provider } from 'react-redux';
> 2 | import { registerIcons } from '@fl
浏览 8提问于2022-02-04得票数 1
我正在处理一个Gatsby项目，在Gatsby项目中，我从一个JSON数据中获得一个查询，该JSON数据将正确地返回图IU中的所有数据，我甚至可以将其注销并在浏览器devtools中看到结果。但是，由于某种原因，当我缩短Graphql字段以使用短名称时，只有一部分数据通过，如下代码所示：
下面是StaticQuery组件：
import { useStaticQuery, graphql } from "gatsby"
export const UseFooterDataQuery = () => {
const allFooterData = useStaticQ
浏览 0提问于2021-02-04得票数 2
回答已采纳
1回答
我试图用最简单的方式使用Object.assign：
import React, { Component } from 'react'
import { StyleSheet, View, Text, Button } from 'react-native'
class MySuperClass {
firstMethod() {
console.log("method 1")
}
}
const a = Object.assign({}, Component, MySuperClass)
class Categori
浏览 3提问于2020-04-17得票数 0
回答已采纳
反应用16.3.1，jest 16.3.1，酶3.3.0。
在React组件中，我创建了一个react，用于确保在挂载组件时浏览器位于页面顶部。
class PageView extends React.Component {
constructor(props) {
super(props);
this.topOfPageRef = React.createRef();
}
componentDidMount() {
ReactDOM.findDOMNode(this.topOfPageRef.current).scrollIntoView();
浏览 4提问于2018-09-14得票数 3
回答已采纳
3回答
我的职责是：
function __extends(d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
我如何通过Webpack的功能，作为变量的__extends在所有模块？
浏览 6提问于2016-04-12得票数 0
回答已采纳
我正在尝试在我的react原生项目中使用this package。 到目前为止，我已经遵循了他们的安装指南中的所有步骤，并使其在iOS上工作。 然而，在安卓上，每次我尝试在我的代码中导入Batch或BatchPush时，都是这样的： import { BatchPush, Batch } from "@bam.tech/react-native-batch"; 我只在Android上得到一个错误： null is not an object (evaluating 'RNBatch.NOTIFICATION_TYPES') ? 所以当我去node_mo
浏览 39提问于2020-07-28得票数 2
在带有MaterialUI库的Reactjs中使用以下代码时出错
<List>
<ListItem button onClick={()=> {window.location.href = '/project'}}>
<ListItemText primary ='Project'/>
</ListItem>
</List>
错误如下
Uncaught TypeError: Cannot read property 'location' of und
浏览 5提问于2020-06-08得票数 0
3回答
我在我的项目中使用了react路由器-dom v6和mobex，当我使用它时会得到一个错误，如下所示。
main.tsx：
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './app/layout/App'
import './app/layout/styles.css'
import 'semantic-ui-css/semantic.min.css'
import 'react-toas
浏览 16提问于2022-07-30得票数 2
回答已采纳
我正在将react组件库从JS转换为TS，并且我在使用jest.mock()时遇到了问题。
之前：
"react": "^15.6.1"
"jest": "20.0.4"
"enzyme": "^2.9.1"
CustomDate.js
...
import DatePicker from 'react-datepicker';
...
export default class CustomDate extends React.Component {
...
render()
浏览 5提问于2018-08-30得票数 1
回答已采纳
我想尝试一下Deno，所以我决定做一个简单的单页面React应用。但是，当我尝试从CDN拉入ReactDOM时，我得到了一个控制台错误：react_dom_development_js_2 is undefined。
我想这是怎么回事，它不能解析ReactDOM CDN，但我可以从我的浏览器访问它？我还尝试用浏览器将其解析为()来替换它，但最终还是出现了相同的错误。也许我用错了deno bundle？
index.jsx
import { React } from "https://unpkg.com/react@16/umd/react.development.js";
im
浏览 22提问于2020-05-26得票数 1
回答已采纳
我使用的是react-本机-webview-文件上传-android，但我想用react-本机-webview-android替换它。
我运行了以下命令：
npm uninstall react-native-webview-file-upload-android
npm install --save react-native-webview-android
npm link react-native-webview-android
我将app.js中的导入更改为
import AndroidWebView from 'react-native-webview-file-upload-
浏览 0提问于2019-01-06得票数 1
回答已采纳
我使用webpack作为我的react应用程序的加载程序。node-sass是我正在使用的装载器之一。我的操作系统是Mac OSX High Sierra。我目前正在使用node v8.9.3。我不能使用npm安装它，但可以使用yarn。下面是我使用npm时的结果：
Unable to save binary /Users/user/Documents/react/react.js-essential-training/node_modules/node-sass/vendor/darwin-x64-57 : { Error:
EACCES: permission denied, mkdir
浏览 0提问于2017-12-26得票数 1
回答已采纳
1回答
我正在尝试此组件
它总是给出错误null is not an object (evaluating this.state.date)
我尝试初始化名为state的状态变量，并为其分配日期值，但错误仍然存在。
var Calendar = require('react-native-calendar-component');
export default class proj extends Component {
constructor(props) {
super(props);
this.state = {
date: new Date()
};
}
render()
浏览 4提问于2017-02-19得票数 0
回答已采纳
"devDependencies": {
"@babel/core": "^7.8.4",
"@babel/preset-env": "^7.8.4",
"@babel/preset-react": "^7.8.3",
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
"enzyme": "^3.11.0",
浏览 30提问于2020-02-21得票数 4
版本："dependencies": { "prop-types": "^15.6.1", "react": "16.3.1", "react-native": "0.55.2", "react-native-elements": "^0.19.1", "react-navigation": "^1.5.11", "react-navigation-redux-helpers": "^1.0.5&
浏览 0提问于2018-04-11得票数 2
回答已采纳
1回答
我正在尝试创建一个节点-webkit应用程序，我想使用react.js作为我的框架。在尝试了react并创建了一些组件之后，我尝试在节点-webkit应用程序中使用它，如下所示：
'use strict';
require('react');
每当我打开我的节点-webkit应用程序(它在正文的末尾包含上面的脚本)时，我就会得到错误：
ReferenceError: document is not defined
at Object.<anonymous> (C:\Users\rtol\Dropbox\Code\Node- Webkit\Wallp
浏览 2提问于2015-04-29得票数 1
回答已采纳
2回答
我正试图用Google跟踪我的应用程序。我在这里找到了一个包：，它似乎很受欢迎，但我不知道如何正确配置它，尽管有说明！！
我以网站为例，创建了一个名为google Manager.js的新脚本。
然后，我将其包含在我想要跟踪的页面中：import GoogleTagManager from '../components/google-tag-manager'
然后，我简单地将标记添加到()函数中。
我猜我还没有完全理解，因为我现在收到了一个错误：
TypeError: Cannot read property 'string' of undefined
./sr
浏览 6提问于2017-10-12得票数 1
回答已采纳
4回答
问题摘要：
在本周末没有更改代码的情况下，一些类组件开始给出以下错误。
'EverySelector' cannot be used as a JSX component.
Its element type 'ReactElement<any, any> | Component<Omit<EverySelectorProps, keyof WithTranslation>, any, any> | null' is not a valid JSX element.
Type 'Component<Om
浏览 30提问于2022-04-12得票数 25
回答已采纳
我已经在一个react.js网络应用程序上编码了几天，只是为了学习和应用我学到的东西，所以即使问题很明显，也请友好一点。我得到的错误是：
'React' must be in scope when using JSX react/react-in-jsx-scope
这发生在我安装了一个库然后卸载它之后，尽管它可能是由其他原因引起的。在谷歌上搜索了几乎所有我发现的关于导入文件的正确反应的内容之后，我根本没有做过，但是改变了。
import { useState } from "react";
至
import React, { useState } from
浏览 8提问于2022-05-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
