无法在react本机中使用require
在React本机中无法使用require是因为React使用的是ES6模块化语法，而不是CommonJS模块化语法。在ES6模块化语法中，使用import和export来导入和导出模块。
如果你想在React中使用require，可以通过使用babel插件来将CommonJS模块转换为ES6模块。具体步骤如下：
- 安装babel插件：
- 安装babel插件：
- 在项目的.babelrc文件中添加插件配置：
- 在项目的.babelrc文件中添加插件配置：
- 在需要使用require的地方，使用import替代require：
- 在需要使用require的地方，使用import替代require：
需要注意的是，这种方式只适用于在React项目中使用require，而不适用于在React组件中使用require。在React组件中，应该使用import来导入所需的模块。
希望以上信息对您有所帮助！如果您有任何其他问题，请随时提问。
相关·内容
1回答
我遇到了一个问题:实例化react-本机使用它的list视图。
var ReactNative = require('react-native');
var MyClass = React.createClass({
...
render: function(){
...
);
}
}
我们在react本机实现. of中有以下内容
...
get AccessibilityInfo() { return require('AccessibilityInfo'); },
get ActivityIndicator() {
浏览 0提问于2017-04-12得票数 0
回答已采纳
1回答
按照初始设置的说明，当发现一个红色屏幕时，我会塞进：
ReferenceError:找不到变量：__fbBatchedBridge (在生成的包中的第1行)
重新加载后，它将更改并变为：
无法下载JS包
而不是我找到了在控制台中输入react原生start的建议。结果：
反应-本机启动
/local/react_native/android_program1/node_modules/react-native/local-cli/cli.js:74 const setupEnvScript =/^win/..test(process.platform)^ SyntaxErro
浏览 3提问于2016-02-12得票数 2
回答已采纳
我是新来的土生土长的。安装完新的react本机-库之后。并在我的组件中使用，如
import SvgUri from 'react-native-svg-uri';
<SvgUri width="200" height="200" source={require("./img/homer.svg")} />
运行我的应用程序时，它会显示错误
无法从"node_modules\react-native-svg\lib\extract\extractProps.js.解析"./patternReg“
浏览 0提问于2019-01-16得票数 3
1回答
我在我的项目中使用了react本机显示库，但是每当我在xcode中构建时，它都会给我一个无法解析模块维度的错误。我对他们的文档做了一些步骤，但这仍然给了我一个错误。
'use strict';`
var React = require('react-native');
var Display = require('react-native-device-display');
var {
StyleSheet } = React;
单击“生成”时，将显示“无法解析模块维度”的错误。
这是指向库的链接
浏览 1提问于2015-11-09得票数 0
回答已采纳
我正在尝试为我的项目设置环境变量，以便最终能够安全地部署它。但是，当我试图设置react-native-dotenv时，会出现错误。
我遵循了文档中列出的说明，但仍然无法让我的后端识别@env。
我不知道我在哪里出了问题，因为我只是在学习这些。
.babelrc
{
"plugins": [["module:react-native-dotenv"]]
}
.env
DATABASE_ACCESS = db_url
JWT_KEY = jwt_key
index.js
require("./models/User");
require(&#
浏览 7提问于2022-01-07得票数 0
我试图模拟react本机-ibeacon(一个本机模块，我只想测试它是如何调用的，包括下面的Beacons对象中的所有函数)。
下面是一个代码片段，它使信标无法定义：
var React = require('react-native');
var Beacons = require('react-native-ibeacon');
jest.mock('react-native-ibeacon');
describe('beaconView', () => {
console.log('Beacons
浏览 4提问于2016-12-19得票数 2
回答已采纳
2回答
试图将一个react项目移植到本机，我得到了以下内容：
本机无法找到变量:窗口“
这很可能是因为我需要作出反应，并试图在window.React = require('react-native');中给它全局范围。
奇怪的是，如果我使用chrome启用调试，该项目运行良好。
如果上面的内容不正确，我该如何设置全局作用域？
浏览 2提问于2015-04-07得票数 1
回答已采纳
我是新的反应本机，并希望建立一个小的测试应用程序在安卓和iOS。
我在我的index.ios.js和index.android.js文件旁边创建了一个图像目录。
下面的代码会产生一个红色屏幕错误，上面写着“无法解析模块./映像/tree.png.无效目录.”：
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
View,
Image,
} = React;
var TestApp = React.createCla
浏览 4提问于2015-11-30得票数 4
回答已采纳
2回答
我最近正在学习React本地语言，并且在使用Socket.IO时遇到了问题。我使用的是最新的React原生和cli(刚刚更新)，这是我的代码：
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
window.navigator.userAgent = 'react-native';
const io = require('socket.
浏览 5提问于2016-09-10得票数 7
回答已采纳
1回答
我正在尝试使用rtop作为repl在一个esy项目。
为此，我将"@esy-ocaml/rtop":"*"添加到devDependencies文件的devDependencies部分，并尝试使用esy rtop启动rtop。
{
...,
"dependencies": {
"react": "^16.2.0",
"react-dom": "^16.2.0",
"reason-react": ">=0.4.0"
浏览 0提问于2019-01-04得票数 2
回答已采纳
1回答
如何测试反应本机模块？
、、、
我开发了一个ReactiveNative模块(包装SDK)，我对使用mocha创建一些单元测试很感兴趣。我对摩卡不是很熟悉，但我不知道该怎么做。
我有我的react本机模块，叫它react-native-mymodule，我可以在一个应用程序中使用它：
npm install react-native-mymodule
react-native link react-native-mymodule
然后，我可以通过以下方式导入我的模块：
import MySDK from "react-native-mymodule”;
我试着用单元测试做类似的事情。在我的根目录中，我有一个test/
浏览 0提问于2019-05-15得票数 42
我收到了这个错误
[错误:无法从/pathToProject/node_modules/ethereumjs-wallet/dist.browser/index.js:密码中解析模块密码的未定义的，在项目中或这些目录中找不到:node_node/ethereumjs钱包/node_ node_modules。
71 | Object.defineProperty(exports, "__esModule", { value: true });
72 | exports.thirdparty = exports.hdkey = void 0;
> 73 | var
浏览 11提问于2022-06-09得票数 0
我正面临这一警告，在我的反应本地博览应用。我还附加了我的package.json文件代码。请让我知道解决办法。谢谢
不再支持通过UIManager‘’getConstants‘从UIManager直接访问视图管理器。使用UIManager.getViewManagerConfig('getConstants')代替。- node_modules\react-native\Libraries\YellowBox\YellowBox.js:67:8 in warn - node_modules\expo\build\environment\muteWarnings.fx.js:17
浏览 3提问于2019-09-17得票数 4
回答已采纳
这条消息似乎是使用了不再支持的UIManager"RCTView“包，但我不知道如何解决这个问题。
不再支持通过UIManager‘’RCTView‘直接从UIManager访问视图管理器。使用UIManager.getViewManagerConfig('RCTView')代替。- node_modules/expo/build/environment/muteWarnings.fx.js:17:23 in warn - node_modules/react-native/Libraries/ReactNative/UIManager.js:164:12 in ge
浏览 3提问于2019-06-10得票数 4
1回答
我正在尝试将Browserify用于我的React本地项目。我的想法是，我首先将我的源代码与Browserify捆绑在一起，将‘React原生’标记为一个外部模块，然后使用将我的包与Reacti原住民捆绑在一起并为其服务。它可以工作，但是包程序经常为我的模块打印错误：
Unable to resolve module ../../myModule from index.ios.js
有什么方法可以告诉包商忽略这些模块吗？
编辑--我设置的一个示例：
./src/ImportantModule.js：
module.exports = function() { return "Text&
浏览 2提问于2015-09-22得票数 1
我在使用appeared组件()时遇到了一些小问题，但是当我试图加载ant设计字体时，出现了一个错误。赛义德
无法从“"@ant-design/icons-react-native/fonts/antoutline.ttf”“解析App.js
。
守则：
async componentDidMount() {
await Font.loadAsync({
antoutline: require("@ant-design/icons-react-
native/fonts/antoutline.ttf")
}
浏览 3提问于2019-03-15得票数 3
回答已采纳
这段代码出错了。但是，更改为react本机移除了错误。你能用div和react本土化吗？如果不是，为什么这个错误如此模糊.？
var React = require('react');
var ReactNative = require('react-native');
var {
StyleSheet,
Text,
View,
} = ReactNative;
let Auto = React.createClass({
getInitialState: function() {
return { value: 'Ma'
浏览 4提问于2016-07-07得票数 30
回答已采纳
2回答
React本机方法未定义
、、、
我试图在signInWithFacebook中调用AccessToken.getCurrentAccessToken()方法，但是获取signInWithFacebook还没有定义。如果我在LoginManager.logInWithReadPermissions函数之外调用它，则该方法工作良好。我似乎无法调用LoginManager.logInWithReadPermissions中的任何方法
我是新来的土生土长的请帮帮忙。谢谢。
const FBSDK = require('react-native-fbsdk');
const {
LoginManager,
浏览 1提问于2018-11-19得票数 2
回答已采纳
2回答
我也有同样的问题，但在本地部分。
那是我的树
app
|
- assets
|
- js
|
- app.jsx
|
- MainComponent.jsx
但当我运行命令时：
macpro:app user$ browserify assets/js/app.jsx > tesapp.js
It响应错误：
错误:无法从'/Users/user/WebstormProjects/gowithme/app/assets/js‘中找到模块“MainComponent”
这是app.jsx文件的代码：
var React = r
浏览 5提问于2017-10-27得票数 1
回答已采纳
我正在尝试遵循中指定的步骤
经过一番挣扎之后，我已经编译了我的android端代码，但是不管我在js文件中放了什么propTypes，我总是会遇到以下崩溃：
错误:无法找到变量: PropTypes\n堆栈：\n index.android.bun…:52892\n需要index.android.bun…:254\n index.android.bun…:1429\n需要
index.android.bun…:254\n需要index.android.bun…:200\n全局代码@index…:52898\n网址: index.android.bundle\n行: 52892\n消息:找不到
浏览 3提问于2015-10-27得票数 2
1回答
我想要创建一个通用元素，它在web中返回div，在React中返回View -本机。目前，它看起来如下：
export const Element = ({children, ...rest}) => {
if (typeof document != 'undefined') {
return <div {...rest}>{children}</div>
}
try {
const View = require('react-native').View;
return <View {.
浏览 2提问于2018-08-24得票数 1
1回答
复制步骤：
react-native init myproject。
cd myproject。
npm install jsdom。
在我的App.js中，我添加了import jsdom from 'jsdom';。
react-native run-ios。
预期输出：应用程序在React本地登陆页面上启动。
实际输出：无法从/Users/davidangulo/Desktop/mobile/myproject/node_modules/jsdom/lib/api.js解析模块path：在Haste模块映射中不存在模块path
根据他们的自述：
浏览 5提问于2018-10-24得票数 2
回答已采纳
2回答
我无法在iOS模拟器中获得选项卡图标。
Navigation.startTabBasedApp({
tabs: [
{
label: 'Home',
screen: 'Home', // this is a registered name for a screen
icon: require('img_assets/icon_message.png'),
iconInsets: { top: 0, left: 0, bottom
浏览 2提问于2018-09-20得票数 0
回答已采纳
1回答
rn-反应本土化
、、
复制步骤：
create-react-native-app proj && cd proj && npm i
安装使用密码的软件包。执行中列出的步骤：
npm i -S react-native-crypto && npm i -S react-native-randombytes
react-native link react-native-randombytes
收到了反应-本机链路故障的警告，但是在下列黑客密码依赖不再是一个问题之后：
npm i --save-dev tradle/rn-nodeify
./node_modules/.bi
浏览 1提问于2018-02-07得票数 3
回答已采纳
免责声明
我已经让查看了wiki的故障解决页面，但是我仍然无法解决我正在处理的问题。
RN版本：
react-native-cli: 2.0.1
react-native: 0.43.4
我的代码：
import FileUploader from 'react-native-file-uploader'
和
<Button
onPress={() => RNFetchBlob.fetch('POST', 'http://localhost:8000/upload', {
'Content-Ty
浏览 1提问于2017-05-07得票数 8
回答已采纳
3回答
我想使用react本机图像选择器获取图像，我使用的是npm run android命令，但是当应用程序在expo中运行时，它会显示以下错误：
未定义不是对象(计算'imagepickerManager.showimagepicker')
由于我使用的是expo项目，所以index.android.js不存在于项目中，所以react-native run-android命令无法工作。
有人能指点我如何恢复这个错误吗？
import React, {Component} from 'react';
import {Text, View, Touch
浏览 7提问于2017-05-16得票数 3
在Macbook M1上推出React本地应用程序，并使用metro metro.config.js：
const {getDefaultConfig} = require("metro-config")
module.exports = (async () => {
const {
resolver: {sourceExts, assetExts},
} = await getDefaultConfig()
return {
transformer: {
getTransformOptions: async () => (
浏览 5提问于2022-06-17得票数 0
我正在尝试使用Jasmine测试一个简单的(“空的”) react-native组件。但是当我试图访问任何react-native组件时，我得到了一个错误...
在我的配置文件(jasmine.json)中，我有：
{
"spec_dir": ".",
"spec_files": [
"src/*.spec.tsx"
],
"helpers": [
"./node_modules/ts-node/register.js"
]
}
我的package.json
&#
浏览 7提问于2017-08-16得票数 1
当我使用这个例子在我的应用程序上实现图像滑块时，我遇到了这个错误。
import React,{Component} from 'react'
import {View,Text,TouchableOpacity, ViewPagerAndroid} from 'react-native'
import Infoslider from 'react-native-infoslider'
export default class example extends Component {
constructor(p
浏览 3提问于2020-01-10得票数 8
回答已采纳
我是新来的反应本地人。当我运行我的应用程序时，命令行中出现错误。请用适当的方法指导我..。谢谢。
失败:生成失败，出现异常。
Where: script：\My最后一年的行:170个出了什么问题:一个评估脚本的问题发生了。
内部/模块/cjs/loader.js:797抛出错误；^Error:无法找到模块‘@react本机-社区/cli’require堆栈：- E:\My最后一年的Project\Home_Page\androideval at Function.Module._resolveFilename (内部/模块/cjs/loader.js:794:15)，Function.Modu
浏览 2提问于2020-02-14得票数 1
回答已采纳
我使用这样的服务器：
const aedes = require('aedes')()
const httpServer = require('http').createServer()
const ws = require('websocket-stream')
const port = 8888
ws.createServer({ server: httpServer }, aedes.handle)
httpServer.listen(port, function () {
console.log('websocket se
浏览 5提问于2021-05-18得票数 0
我试图通过npx创建一个项目，但出现了一个错误。
$ npx react-native init springtesting
error Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template.
Please try again manually: "cd ./springtesting/ios && pod install".
所以我在项目的ios文件夹中执行了一个句子。
$ pod install
[!] Inv
浏览 0提问于2020-02-14得票数 3
我在古瑟拉学“反应本地人”。我跟随老师的每一步，但不知怎么写的代码在他的机器上工作。但是，与我在电脑中发现的代码完全相同，下面显示了以下错误。我在chrome浏览器中运行这段代码。我成功地安装了世博会。
bundle.js:78667 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
at Module.<anonymous> (bundle.js:78667)
at Module.E:\WORKI
浏览 8提问于2020-03-14得票数 0
我想使用react本机-svg-转换器和react本机-混淆-转换器。但是当使用合并配置方法配置它时，它会工作，但是在某些时候，它会覆盖metro.config文件中的react本机-svg-转换器，并且react-本机-svg-转换器开始不能工作.how，我能解决这个问题吗？
使用mergeConfig
const { getDefaultConfig, mergeConfig } = require("metro-config");
module.exports = (async () => {
const {
resolver: { sourc
浏览 3提问于2022-06-21得票数 0
回答已采纳
我一直在试着让摩卡和“反应本地人”合作。这是我到目前为止所做的工作(遵循Mocha文档)：
-added测试文件夹
-added测试文件夹中的test.js文件
-added --对test.js文件的简单测试
var assert = require("assert");
describe('Array', function() {
describe('#indexOf()', function () {
it('should return -1 when the value is not present', fun
浏览 6提问于2015-08-25得票数 3
1回答
我正在尝试开发一个反应式的本地图书搜索应用程序，并在网上发现它是一个辅助工具：。
然而，该网站是从2015年开始的，因此有些语法没有得到适当的更新。
我遇到了以下问题：
他们让我使用的代码如下：
'use strict';
var React = require('react-native');
var Books = require('./Books');
var Search = require('./Search');
var {
AppRegistry,
TabBarIOS,
Componen
浏览 2提问于2017-03-24得票数 0
回答已采纳
我正在尝试将这个react组件添加到我的流星项目中：
我添加了标准的browserify/npmhack进程。当我在之后运行这个应用程序时，我会收到以下错误：
Marks-MacBook-Air:meteor-app markshust$ meteor --settings settings/dev.json
[[[[[ ~/Sites/meteor-app ]]]]]
=> Started proxy.
=> Started MongoDB.
npm-container: updating npm dependencies -- react-native-swipeou
浏览 2提问于2015-09-25得票数 0
1回答
我刚刚开始使用React来进行更改，并且遇到了一个似乎无法解决的错误。
一切都很好，除了无论我做什么，都会不断抛出“无法解析./src/style.css”或“这些文件都不存在：./src/style.css”。
我的项目结构相当超前：
App
.expo
.expo-shared
assets
node_modules
src
components
screens
style.css
App.js
~everything else
我的App.js包含以下语句：import '.
浏览 4提问于2021-09-01得票数 3
回答已采纳
在npm库react-native- index.js的随机字节中有一行：let RNRandomBytes = require('react-native').NativeModules.RNRandomBytes。在init()方法中，有一个包装在if语句if (RNRandomBytes.seed) { ... }中的代码块，这里是代码中断的地方，因为RNRandomBytes是未定义的。
在调试过程中，我发现除了RNRandomBytes之外，NativeModules还有很多与之相关的库。我在Windows10环境中，通过rn-nodeify使用node.js和rea
浏览 1提问于2018-05-11得票数 0
我得到了一个使用react-native init创建的react原生应用程序，我正在尝试在我的APP_VERSION中使用一个全局常量，这样我就可以在身份验证/登录屏幕中使用它。 我看到这个变量的唯一位置是在我的package.json文件中。在搜索这个之后，似乎其他人正在尝试从这里获取它。尽管我做得并不是很成功。 所以我们的想法是创建一个像src/_global/utils.js这样的文件 有了这个： import * as pkg from '.package.json';
export const APP_VERSION = pkg.version; 但却抛出了模块
浏览 19提问于2019-01-17得票数 5
回答已采纳
1回答
我已经在我的EXPO react原生项目中实现了npm install --save react-native-twilio和react-native-link。代码编译时没有错误。但是当我添加这行代码时：
const Twilio = require('react-native-twilio');
在我的文件中，它报告了一个错误，告诉我Module不能为空。
我想这是因为我没有正确链接我的twilio库到项目，但我不知道如何修复它，有人能给我一些帮助吗？
浏览 5提问于2018-02-18得票数 0
回答已采纳
我在我的博览应用程序中使用了来自本机基础的组件，但是字体的错误再次激怒了n。请根据我的代码为我提供解决方案，以摆脱这个问题。提前谢谢
错误
--您开始加载字体"Roboto_medium"，但在它完成加载之前使用它。
在使用字体之前，需要等待complete.node_modules\react-native\Libraries\YellowBox\YellowBox.js:59:8完成.我们建议在呈现应用程序之前加载所有字体，并在等待加载到errornode_modules\expo\build\environment\muteWarnings.fx.js:27:24 i
浏览 0提问于2019-11-16得票数 1
我已经用react-native init初始化了一个新的React (0.57.4)，并试图以编程的方式在它上运行绑定程序；但是，它无法解析本机的内部模块(例如，AccessibilityInfo)，这是React本机源中的第一个模块required：
Error: Unable to resolve module `AccessibilityInfo` from `/myproject/node_modules/react-native/Libraries/react-native/react-native-implementation.js`: Module `Accessibility
浏览 0提问于2018-11-13得票数 0
回答已采纳
2回答
反应与反应相结合
、、
我有一个问题，关于将React的元素结合在一起--本地应用程序。像这样的事有可能吗？
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image,
ListView,
Switch,
TextInput,
AsyncStorage,
BackAndroid,
Navigator,
TouchableOpacity, } from 'react-nat
浏览 3提问于2016-07-04得票数 11
回答已采纳
我是一个较新的JS开发人员，我正在探索React本地的。我最近购买了邦妮艾森曼的“学习反应本土”，并正在进行第一个迷你项目-一个非常基本的天气应用程序。
不幸的是，我无法让作者提供的代码工作(请参阅下面的一些代码，或查看整个)。我一直收到错误"React.createClass不是一个函数“，尽管我已经看到了许多其他示例，这些例子都很好。我花了好几个小时研究和问问题，但都没有成功。请帮帮我！
var React = require('react-native');
var {
StyleSheet,
Text,
View,
TextInput
} = R
浏览 4提问于2016-06-15得票数 4
回答已采纳
我通过执行nom安装来实现react-native/Libraries/Components/ScrollResponder，然后不工作了，因此出现了以下错误:无法从/Users/project/node_modules/deprecated-react-native-listview/index.js: react-native/Libraries/Components/ScrollResponder解析模块node_module，无法在项目中或在以下目录中找到: node_modules ../node_node_module。
在Package.json中，我有这个版本的react本机&
浏览 5提问于2021-10-15得票数 1
回答已采纳
在更新“react”："4.0.3" to “react scripts”："5.0.1“之后得到错误，让我知道为什么会有这个错误，或者如何修复这个错误.
错误出现在./node_modules/mime-type/index.js 15:14-37
模块未找到:错误:无法解析'C:\work\sams-frontend-su\node_modules\mime-types‘中的“路径”
破坏变化: webpack <5用于默认情况下包含node.js核心模块的填充。现在情况不再是这样了。验证是否需要此模块，并为其配置一个多填充。
如果您想要包含一个多填充
浏览 7提问于2022-05-10得票数 6
我试图使用formsy react来消除浏览器的默认验证逻辑，而根据文档"“属性应该可以做到这一点。但我不能让它起作用。
我做错了什么？
var React = require('React');
var Formsy = require('formsy-react');
var Input = require('./forms/Input.js');
module.exports = React.createClass({
render: function () {
return (
&l
浏览 7提问于2015-06-24得票数 7
回答已采纳
1回答
我在使用react本机时在start命令上出现了一个错误。第63行中的文件projectName/node_modules/@babel/core/lib/transformation/file/file.js给出了错误
constructor(options, {
^
SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:374:25)
at Module._extensi
浏览 0提问于2018-05-23得票数 4
回答已采纳
3回答
本机的节点模块
、、、
我只是尝试在react本机中添加一些节点模块。我想它只适用于和react-native link模块。
我想使用：- 或-
我试过：
当我使用带有“非反应模块”的命令链接时，我仍然一无所获：
另外，当我试图通过以下方式添加这个模块时：
import 'first-image-search-load'
import {saveFirstImage} from 'first-image-search-load'
import * from 'first-image-search-load'
var first-image
浏览 0提问于2017-03-13得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
