首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >加载反应本机: UnhandledPromiseRejectionWarning:错误:找不到模块‘视图’

加载反应本机: UnhandledPromiseRejectionWarning:错误:找不到模块‘视图’
EN

Stack Overflow用户
提问于 2019-02-23 21:00:39
回答 4查看 2.3K关注 0票数 3

我想给一个测试库做贡献。库应该像反应试验渲染器一样为反应.本机测试.库提供一个包装器。

为了查看我的代码是否有效,我使用为库编写的代码编写了一个简单的单元测试。由于这是第一次对进行测试,所以我将react-nativemetro-react-native-babel-preset一起添加为开发依赖项。此外,我给babel添加了预置。

代码语言:javascript
运行
复制
{
  "presets": [
    [
      "env",
      {
        "targets": {
          "browsers": ["last 2 versions", "safari >= 7"]
        }
      }
    ],
    "react",
    "module:metro-react-native-babel-preset"
  ]
}

库使用磁带进行断言。

现在,每个测试(npm test)都抛出错误:

代码语言:javascript
运行
复制
> node -r babel-register -r babel-polyfill source/test
/path/to/node_modules/babel-core/lib/transformation/file/options/option-manager.js:328
        throw e;
        ^

Error: Couldn't find preset "module:metro-react-native-babel-preset" relative to directory

当我从babel配置中删除预设时,我会得到以下错误:

代码语言:javascript
运行
复制
(node:1841) UnhandledPromiseRejectionWarning: Error: Cannot find module 'View'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.get View [as View] (/path/to/node_modules/react-native/Libraries/react-native/react-native-implementation.js:165:12)
    at _callee7$ (/path/to/source/test.js:110:6)
    at tryCatch (/path/to/node_modules/babel-polyfill/node_modules/regenerator-runtime/runtime.js:65:40)
    at Generator.invoke [as _invoke] (/path/to/node_modules/babel-polyfill/node_modules/regenerator-runtime/runtime.js:303:22)
    at Generator.prototype.(anonymous function) [as next] (/path/to/node_modules/babel-polyfill/node_modules/regenerator-runtime/runtime.js:117:21)
    at step (/path/to/source/test.js:27:191)
(node:1841) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 3)
(node:1841) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
not ok 10 test exited without ending
  ---
    operator: fail
    at: process.<anonymous> (/path/to/node_modules/tape/index.js:90:19)
    stack: |-
      Error: test exited without ending
          at Test.assert [as _assert] (/path/to/node_modules/tape/lib/test.js:226:54)
          at Test.bound [as _assert] (/path/to/node_modules/tape/lib/test.js:77:32)
          at Test.fail (/path/to/node_modules/tape/lib/test.js:319:10)
          at Test.bound [as fail] (/path/to/node_modules/tape/lib/test.js:77:32)
          at Test._exit (/path/to/node_modules/tape/lib/test.js:191:14)
          at Test.bound (/path/to/node_modules/tape/lib/test.js:77:32)
          at process.<anonymous> (/path/to/node_modules/tape/index.js:90:19)
          at process.emit (events.js:194:15)

如何让本机组件在库(以及expo initreact-native init项目外部)的测试中运行?

编辑:我发现回购程序使用的是Babel 6,这就是地铁预置似乎无法工作的原因。所以我把它换成了babel-preset-react-native,现在我又回到了无法找到View的最初错误。

编辑2: package.json

代码语言:javascript
运行
复制
  "scripts": {
    "lint": "eslint source && echo 'Lint complete.'",
    "typecheck": "npx -p typescript tsc --rootDir . source/test.js --allowJs --checkJs --noEmit --lib es6 --jsx react && echo 'TypeScript check complete.'",
    "ts": "npm run -s typecheck",
    "test": "node -r babel-register -r babel-polyfill source/test",
    "watch": "watch 'clear && npm run -s test | tap-nirvana && npm run -s lint && npm run -s typecheck' source",
    "precommit": "npm run -s test && npm run -s lint && npm run -s typecheck"
  },
  "devDependencies": {
    "@types/node": "10.12.27",
    "babel-cli": "6.26.0",
    "babel-eslint": "10.0.1",
    "babel-preset-env": "1.7.0",
    "babel-preset-react": "6.24.1",
    "babel-preset-react-native": "4.0.1",
    "babel-register": "6.26.0",
    "eslint": "5.14.1",
    "eslint-plugin-react": "7.12.4",
    "react": "16.8.3",
    "react-native": "0.58.5",
    "tap-nirvana": "1.1.0",
    "typescript": "3.3.3333",
    "watch": "1.0.2"
  },
  "dependencies": {
    "cheerio": "1.0.0-rc.2",
    "esm": "3.2.6",
    "react-dom": "16.8.3",
    "react-test-renderer": "16.8.3",
    "tape": "4.10.1"
  }

编辑3:对不起,显然我没有包含我的代码,尽管它对解决这个问题很有帮助。很基本的。我只是尝试使用<View />来呈现一个ReactTestRenderer

代码语言:javascript
运行
复制
import TestRenderer from 'react-test-renderer';
import { Text, View } from 'react-native';
import { describe } from 'riteway';

describe('renderReactNativeComponent', async assert => {
  const text = 'Foo';
  const component = TestRenderer.create(
    <View>
      <Text>{text}</Text>
    </View>
  );
  console.log(Text);

  assert({
    given: 'A React Native component',
    should: 'return a working react test renderer instance',
    actual: component.findByType('text'),
    expected: text
  });
});
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2019-03-06 02:39:56

根据文档的说法,“从react本机版本0.38开始,Jest设置在默认情况下包括在运行react-本机init时”。

“React -本机附带Jest预置,因此您的jest.preset字段应该指向React-原生的。预设是一个节点环境,它模仿React的环境。因为它没有加载任何DOM或浏览器API,所以它极大地改善了Jest的启动时间。”

关键是Jest应该使用React-原生的,而riteway不是。当您运行react-native init时,添加了以下依赖项:"jest-react-native"。在package.json中添加了一个jest预置:

代码语言:javascript
运行
复制
"jest": {
   "preset": "react-native"
}

显然仪式还没有预置好。

票数 1
EN

Stack Overflow用户

发布于 2019-03-04 08:13:14

删除节点模块并重新安装

代码语言:javascript
运行
复制
rm -rf node_modules
npm install
票数 1
EN

Stack Overflow用户

发布于 2019-03-05 08:38:35

你没有返回任何东西,你需要返回一个“视图”

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54846162

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档