![](/img/trans.png)
[英]React Native Web testing jest error: ReferenceError: __DEV__ is not defined
[英]Jest - ReferenceError: __DEV__ is not defined (React Native)
我正试图开玩笑地使用一个新的react-native
项目。 但是,当我运行npm run test
,出现以下错误ReferenceError: __DEV__ is not defined
。 我已经浏览了无数关于此的 Github 问题和 Stack Overflow 帖子,但没有一个建议对我的情况有效。
这是我的jest.config.js
文件:
module.exports = {
transformIgnorePatterns: [
"node_modules/(?!(react-native|react-native-button|react-native-video)/)"
],
setupFiles: ['<rootDir>/__tests__/setup.json'],
}
package.json
(注意我在“jest”中添加了DEV = true)
{
"name": "DigitalSignagePlayer",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start",
"test": "jest",
"lint": "eslint ."
},
"dependencies": {
"@react-native-async-storage/async-storage": "^1.15.5",
"axios": "^0.21.1",
"react": "^17.0.1",
"react-native": "0.64.2",
"react-native-fs": "^2.18.0",
"react-native-splash-screen": "^3.2.0",
"react-native-video": "^5.1.1"
},
"devDependencies": {
"@babel/core": "^7.14.5",
"@babel/preset-env": "^7.14.7",
"@babel/runtime": "^7.14.5",
"@react-native-community/eslint-config": "^2.0.0",
"babel-jest": "^27.0.2",
"eslint": "^7.28.0",
"jest": "^27.0.5",
"metro-react-native-babel-preset": "^0.66.0",
"react-test-renderer": "17.0.1"
},
"jest": {
"preset": "react-native",
}
}
bable.config.js
module.exports = {
presets: ['module:metro-react-native-babel-preset', '@babel/preset-env'],
};
metro.config.js
/**
* Metro configuration for React Native
* https://github.com/facebook/react-native
*
* @format
*/
module.exports = {
transformer: {
getTransformOptions: async () => ({
transform: {
experimentalImportSupport: false,
inlineRequires: true,
},
}),
},
};
我试过在我的测试文件的顶部设置globals.DEV = true
和global.DEV = true
。 我曾尝试将setupFiles
添加到jest.config.js
,它加载了一个包含global.DEV = true
的setup.js
文件。 我也试过更新jest
。 我当前的react-native
版本是:
react-native-cli: 2.0.1
react-native: 0.64.2
我也在使用 Metro,而不是 Expo,我最初使用 react-native-cli 创建了该应用程序。
更新:
setup.json
{
"globals": { "__DEV__": true }
}
更新 2:
我将setup.json
更改为setup.js
但我仍然遇到相同的错误:
global.__DEV__ = true
该变量称为__DEV__
,因此通过反复试验使用DEV
没有意义。 在测试中设置它无济于事,因为它不会影响导入时变量的使用。 为了做到这一点,这应该在setupFiles*
文件中的测试之前完成。
Jes globals
配置选项应该这样做。 应该有"globals": { "__DEV__": true }
。 package.json 中的配置被 jest.config.js 中的配置覆盖。 应该只有其中一个(可能是后者),另一个需要删除。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.