如何将@providesModule与Jest和react-native一起使用
@providesModule是一个用于标识模块的特殊注释，它通常与React Native和Jest一起使用。它的作用是为模块提供一个全局唯一的标识符，以便在项目中引用和导入模块。
在React Native中，@providesModule注释通常用于标识一个模块的名称，使其可以在其他文件中通过名称进行导入。这样做的好处是，可以避免使用相对路径进行模块导入，提高代码的可读性和可维护性。
在使用Jest进行React Native的单元测试时，@providesModule注释可以帮助Jest正确地解析和导入被测试的模块。Jest会根据@providesModule注释中指定的模块名称来查找和导入模块，从而使测试代码能够正确地引用被测试的模块。
虽然@providesModule在过去被广泛使用，但现在已经不再推荐使用。它在React Native的最新版本中已经被废弃，因为它可能导致一些潜在的问题，并且与ES6模块系统不兼容。取而代之的是，推荐使用ES6的import和export语法来进行模块导入和导出。
总结起来，@providesModule是一个用于标识React Native模块名称的特殊注释，可以与Jest一起使用来进行模块的导入和测试。然而，由于其已被废弃且存在一些问题，建议使用ES6的import和export语法来代替。
相关·内容
1回答
模拟特定测试组的模块中的常量属性
jestjs、react-testing-library
我有使用constants.ts模块的MyComponent.tsx，以便根据IS_IOS常量执行某些操作： import React from 'react';
import { Text, View } from 'react-native';
import { platform } from '../../constants';
const { IS_IOS } = platform;
interface Props {}
export const MyComponent = (props: Props) => {
ret
浏览 38提问于2021-01-22得票数 1
回答已采纳
1回答
如何将@providesModule与Jest和react-native一起使用
javascript、module、react-native、jestjs
我正在尝试使用Jest进行单元测试react-native，并且我在应用程序中成功地使用了@providesModule，但是Jest无法使用这种格式"import Component from "Component“加载模块。”
jest:版本13.2.3 react-native: 0.29.0
错误是：
FAIL js/components/home/__tests__/TestHome.js (0s)
Runtime Error
- Error: Cannot find module 'Time' from 'TimelineItem.j
浏览 6提问于2016-07-22得票数 1
2回答
[Jest本机][Jest]SyntaxError:意外令牌导入
javascript、testing、react-native、jestjs
看来babel在我的测试用例代码中有效，但是es6语法在node_modules中不起作用。
错误
环境
国家预防机制4.5
MacOS Sierra
jest配置
{
"preset": "react-native",
"globals": {
"__DEV__": true
},
"transform": {
"^.+\\.js$": "babel-jest"
}
}
巴伯尔
{
"env": {
浏览 7提问于2017-04-20得票数 19
回答已采纳
1回答
为什么我不能运行React Native项目？
javascript、ios、reactjs、react-native、webstorm
我不明白我如何在我的项目中得到这些错误。
我试图在我的模拟器中运行index.ios.js (当你第一次创建一个项目时，React Native附带的欢迎屏幕)文件，但它不允许我这样做。我已经发布了下面其中一个错误的照片。
它向我抛出的另一个error是当我点击Run时。
如果有帮助，我还将在下面包含package.json和.eslint文件: file。
error：
import React, { Component } from 'react';
^^^^^^
SyntaxError: Unexpected token import
at Object
浏览 1提问于2017-06-28得票数 1
1回答
在react-native中有条件地解析模块
react-native
我想在我的React Native包中导入ReactNativePropRegistry。
我曾经在React Native 0.38.0之前的版本中从'react/lib/ReactNativePropRegistry'导入它，但在React Native 0.38.0中已经更改为'react-native/Libraries/Renderer/src/renderers/native/ReactNativePropRegistry'。
我希望我的包在包括0.38.0在内的所有React Native版本上都得到支持，所以我这样做了
if(semver.gte
浏览 0提问于2016-11-25得票数 4
1回答
无法在THREE.js中导入es6
node.js、reactjs、ecmascript-6、three.js、create-react-app
我试图用应用程序在div中显示一个three.js场景。然而，它抛出了一个未定义的三个。
试过
npm安装--保存三个
进口*从“三”中进口三
但似乎不起作用，它总是抛出三个没有定义的-undef。请看一看我的回购。
更新：
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"autoprefixer": "7.1.6",
浏览 1提问于2017-11-21得票数 1
2回答
本机反应:如何使用(和翻译)类型标.tsx文件与jsx在反应-本机？
typescript、react-native、visual-studio-code、jsx、tsx
我是新来的反应-来自reactjs+typescript的本地人。我正在尝试建立一个相当简单的项目测试，看看这种技术是如何工作的。我用的是VS代码。
在基本教程之后，我已经设置了我的项目，我可以在仿真程序中运行它。
现在，我想了解如何创建自定义.tsx文件(例如profile.tsx)，编写呈现函数并将其显示在索引页(index.android.js)上。
因此，我创建了一个.tsx文件：(我省略了文件开头的各种导入语句)
export class Profile extend React.Component {
render(){
return <
浏览 2提问于2016-12-12得票数 2
回答已采纳
1回答
react本机中的CreateStackNavigator返回null
javascript、reactjs、react-native
我是第一次接触react-native，我正在尝试实现react-stack-navigator，但函数createStackNavigator返回null。我一直在遵循一个教程，在相同的代码中没有这个问题，任何想法都将不胜感激。下面是我的错误： ? 下面是我的代码： import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from "react-navigation";
import { Home } from "
浏览 12提问于2020-01-15得票数 2
回答已采纳
1回答
如何使用typescript在jest测试之间重置测试对象？
typescript、unit-testing、jestjs
我正在使用typescript和jest。我正在尝试执行一个非常简单的单元测试，但它总是失败。下面是我的代码： // init.ts
let initialized = false;
let secretName: string;
export function init(name: string) {
if (initialized) {
throw new Error("Cannot re-initialize.");
}
secretName = name;
initialized = true;
}
export
浏览 13提问于2020-05-01得票数 3
回答已采纳
1回答
类型记录:从嵌套模块导入
javascript、typescript、es6-modules
我正在运行一个react应用程序。由于以下错误消息，下面的代码无法工作：
import =不受@babel/plugin的支持--请考虑使用import <moduleName> from '<moduleName>';与类型记录的--允许合成import <moduleName> from '<moduleName>';选项一起使用。
apiTypes.d.ts
declare module ModuleA {
declare module ModuleB {
export int
浏览 2提问于2021-04-17得票数 1
回答已采纳
6回答
React.createElement: type无效--需要字符串(用于内置组件)或类/函数(用于组合组件)，但是
javascript、reactjs、ecmascript-6、export、commonjs
期望的
我应该能够导出我的文件并将它导入到我的index.js中。
结果
我得到以下错误
React.createElement: type无效--需要字符串(用于内置组件)或类/函数(用于组合组件)，但是
我的index.js
const React = require('react');
const ReactDOM = require('react-dom');
const App = require('./components/App');
require('./index.css');
ReactDOM.re
浏览 0提问于2017-05-14得票数 21
回答已采纳
1回答
模拟本机模块Jest
react-native、jestjs
在我的React本机应用程序中，我想为我的本地库编写一些单元测试。
dataStorage.js
import RNDataStorage, {ACCESSIBLE} from "react-native-data-storage";
const dataStorage = {
setData: function (key, value) {
return RNDataStorage.set(key, value, {accessible: ACCESSIBLE.ALWAYS_THIS_DEVICE_ONLY})
.then(res =
浏览 3提问于2018-12-17得票数 1
回答已采纳
1回答
ESLint配置与Babel，流，反应和反应本机
reactjs、react-native、eslint、flowtype、prettier
我在Reactinative中开发了一个移动应用程序，我已经尝试正确配置ESLint一段时间了(包括Babel，Flow和更漂亮)。
我在VSCode中得到以下错误：'module' should be listed in the project's dependencies. eslint(import/no-extraneous-dependencies)。这适用于我的所有模块和插件，如react、react本地插件和其他插件。我安装了每个包和VSCode ESLint扩展，但是ESLint仍然引发此错误。也许我在extends部分也复制了一些功能，我想知道我的配置
浏览 0提问于2019-03-20得票数 1
1回答
获取“不变冲突:本机模块不能为空”。当我做测试时
javascript、reactjs、react-native、jestjs、enzyme
我有一个登录组件如下所示，我正在为这个组件编写一些测试用例。当我试图运行测试时，我得到了以下错误：
测试
import renderer from 'react-test-renderer'
import Login from '../Login'
let props, wrapper
beforeEach(() => {
props = {
loginAttempt: jest.fn(),
recoverAttempt: jest.fn(),
reset: jest.fn()
}
wrapper = shallow
浏览 0提问于2018-12-21得票数 13
1回答
如何使用Jest来模仿Algolia的连接器？
mocking、jestjs、algolia
我正在使用编写组件的测试。
一个(非常精简的) NoResults组件：
import React from 'react'
import { Text, View } from 'react-native'
import { connectStateResults } from 'react-instantsearch-native'
const NoResults = ({ searching, searchState: { query } }) => searching || !query ? null : (
<View
浏览 1提问于2019-06-03得票数 2
2回答
不能用Jest模拟反应-本地声音
reactjs、unit-testing、react-native、mocking、jestjs
当我尝试用Jest模拟时，我得到以下错误：
//PlayerService.js
import Sound from 'react-native-sound';
try {
console.log('Sound: ' + JSON.stringify(Sound)); //Sound: {}
_trackPlaying = new Sound('path', Sound.LIBRARY, error => { });
} catch (error) {
console.log('error: ' + JSON.
浏览 0提问于2017-11-22得票数 6
回答已采纳
6回答
我正在使用Jest测试我的React应用程序。
最近，我将添加到我的应用程序中。我的测试失败，错误如下：
Test suite failed to run
/my_project/node_modules/deck.gl/src/react/index.js:21
export {default as DeckGL} from './deckgl';
^^^^^^
SyntaxError: Unexpected token export
at ScriptTransformer._transformAndBuildScript (node_modules/jest-r
浏览 2提问于2018-03-14得票数 70
7回答
TypeError：_API.default不是带有Jest测试的构造函数
javascript、reactjs、react-native、jestjs、expo
我有一个API类，我试图在一个React应用程序中使用它。
// API file
class API {
...
}
export default API;
// Other file
import API from "utils/API";
const api = new API();
我发现了一个错误：
TypeError: _API.default is not a constructor
但是..。好像我的默认设置好了？
我的Jest设置如下：
"jest": {
"setupFiles": [
"
浏览 43提问于2022-04-15得票数 1
回答已采纳
1回答
试图在react中模拟特定的命名导出(例如PushNotificationsIOS) --本机带有玩笑
javascript、reactjs、react-native、jestjs
考虑到我有一个看上去很像的实现文件：
import ReactNative, { PushNotificationIOS, AsyncStorage } from 'react-native';
export function tryNotify() {
PushNotificationIOS.addEventListener('register', token => {
callback(token);
});
PushNotificationIOS.requestPermissions();
}
export functio
浏览 2提问于2018-08-15得票数 2
回答已采纳
1回答
Jest SyntaxError:意外令牌导出
reactjs
在运行npm测试时，我会得到以下错误消息:我不知道要解决什么和如何解决。
Jest encountered an unexpected token
This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modul
浏览 3提问于2020-03-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
