问题标签 [metro-bundler]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
638 浏览

react-native - 如何将 src 文件夹添加到 React-native 并绝对导入?

我正在尝试添加src目录,以便我有类似的东西

然后我加了

watchFolders: [path.join(__dirname, 'src')],

metro.config.js

希望能够import hello from 'foo/hello'从任何地方(例如从App.js)做

我还发现absolute import如果你在下面添加文件夹,你可以实现node_modules

0 投票
1 回答
726 浏览

javascript - 在真实 iPhone 上运行调试方案时 Metrobundler 未重新加载

在真正的 iPhone 设备上而不是在模拟器上运行debug方案时,我注意到 Metrobundler 不会被触发来加载 JS 更改。

我可以摇动设备,然后会弹出重新加载、外部调试等选项。但是每当我选择任何选项时,应用程序都会冻结,然后在几秒钟或几分钟后显示以下错误

最可能的原因是什么?我似乎找不到其他人有同样的问题。

我的环境:

即使在摇动后尝试做任何选择之后,这也是 Metrobundler 所在的位置。

0 投票
1 回答
252 浏览

react-native - 在具有本机基础的项目上实施 Docz

问题

大家好。我正在尝试使用 Docz 记录我的 React-Native 项目。事情是我的项目正在使用 Native-Base。

描述 当我尝试构建时,我不断收到此错误:

这是我的 doczrc.js 文件:

我一直在研究,这似乎是 Native-Base 的一个很常见的错误。我在stackoverflow中找到了这个解决方案:[ Expo for Web failed to compile because of native base module for Web failed to compile because of native base module)

我怀疑这个解决方案可能对我有用,事情是:我认为我的项目没有使用 expo。我想我想在我的 babel.config 或 metro.config 文件上尝试一些设置,但我不确定它是如何工作的。

你可以帮帮我吗?谢谢!

0 投票
1 回答
2940 浏览

android - 在不同的端口运行多个 react-native 应用程序

如何在一台机器上运行 Metro bundler 或 react-native 应用程序的多个实例?react-native 应用程序运行的默认端口是 8081。

0 投票
10 回答
22849 浏览

reactjs - react-native 开始给出 Invalid 正则表达式无效错误

我按照以下链接开始使用 react-native

React Native 入门

我试图在没有博览会的情况下创建本机应用程序,所以我按照文档我遵循以下命令

运行android命令后

它在模拟器上给了我以下错误

在此处输入图像描述

所以我使用启动命令来运行地铁服务器

该命令在控制台中给了我另一个错误

在此处输入图像描述

0 投票
23 回答
158338 浏览

reactjs - 如何解决“react-native start”上的错误

  1. 我刚刚安装了 node.js & cli

    • 安装 node.js
    • 安装了 react-native-cli

      /li>
  2. 并创建了一个“新项目”。

    /li>
  3. 在那个'new_project'目录中,我很想看看metro bundler是否运作良好。

    /li>
  4. 但是该命令给了我以下错误,并且地铁没有启动。修复此错误的任何线索?(我使用的是 Windows 10 操作系统。)

    • 命令 :C:\projects\new_proj>react-native start

      错误正则表达式无效:/(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: 未终止的字符类。使用 --verbose 标志运行 CLI 以获取更多详细信息。SyntaxError: 无效的正则表达式:/(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: 在新的 RegExp ( ) 在黑名单 (D:\projects\new_proj\node_modules\metro-config\src\defaults\blacklist.js:34:10) 在 getBlacklistRE (D:\projects\new_proj\node_modules\react-native\node_modules@react-native -community\cli\build\tools\loadMetroConfig.js:69:59) 在 getDefaultConfig (D:\projects\new_proj\node_modules\react-native\node_modules@react-native-community\cli\build\tools\loadMetroConfig.js :85:20) 在负载 (D:

0 投票
1 回答
6714 浏览

javascript - React Native TypeScript:无法解析模块(但它存在)

我有一个新的带有 TypeScript 的 React Native 0.61.1 项目。它曾经完美地显示新项目的欢迎屏幕。我添加了一个类,尝试导入它(它甚至自动完成),但它说找不到该组件。

这是我的tsconfig.json(所有代码都在我的src文件夹中,位于我的项目根目录中):

注意baseUrl那里。在我添加它之前它也不起作用。

这是我的项目结构:

在此处输入图像描述

我的OnboardingScreen.tsx(我在截屏Onboarding.tsx 重命名它,所以这不是问题)包含一个带有渲染方法的简单组件类,默认导出。

这是我的App.tsx

当我键入Onbo...时,它甚至会自行完成导入。但是当我运行应用程序时,我得到了臭名昭著的错误:

在你问之前:是的,每次尝试后我都会执行上述所有操作,甚至重新启动 Vscode。

我还尝试添加以下内容tsconfig.json

虽然也没有任何改变。我究竟做错了什么?(我在 TypeScript 3.6.2 上)

更新:显然,paths完全被忽略了,但是如果我将一个package.json文件放入我想通过导入(例如components文件夹)引用的每个根文件夹中,它就会被拾取。例如,我将以下内容package.json放入components

然后我的代码可以引用它。虽然,我仍然不知道为什么它不能与tsconfig path.

0 投票
0 回答
177 浏览

javascript - React Native Metro 服务器失败,捆绑错误

电话上的错误屏幕

在开发应用程序时,突然我遇到了这个错误

我是这个框架的新手,刚刚开始。所以我不是这个错误的意思。所以如果有人可以帮助解释和找到解决方案,那将是一个很大的帮助。

0 投票
0 回答
313 浏览

react-native - React Native Metro 捆绑器的运行问题

我正在使用 React-native-cli 开发移动应用程序。但我有一个难题要解决。不知道为什么会出现这个问题。我希望 RN 专家帮助我解决这个问题。本题如下。我尝试使用以下命令运行我的应用程序。react-native run-android -- --reset-cache 当我的网速非常快时,我的应用程序运行良好,但是当网速有些慢时,它没有运行。我的项目基于 RN 0.59。

问题:错误:捆绑失败:错误:无法scheduler/tracing从以下位置解析模块\working\temp\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:模块scheduler/tracing在 Haste 模块图中不存在

请帮我!!!:)在此处输入图像描述

0 投票
0 回答
443 浏览

react-native - 在 monorepo 中设置 react-native 时出现捆绑错误

我在使用工作区的 yarn monorepo 中设置新的 react-native 项目时遇到了一些问题。我的根 package.json 看起来像:

当我运行yarn run-ios构建成功但我得到捆绑器错误:

bugsnag-react-native文件夹确实存在于根目录中node_modules

有谁知道这里可能发生什么/如何解决它?

我正在使用纱线版本1.19.0