问题标签 [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.
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
javascript - 在真实 iPhone 上运行调试方案时 Metrobundler 未重新加载
在真正的 iPhone 设备上而不是在模拟器上运行debug
方案时,我注意到 Metrobundler 不会被触发来加载 JS 更改。
我可以摇动设备,然后会弹出重新加载、外部调试等选项。但是每当我选择任何选项时,应用程序都会冻结,然后在几秒钟或几分钟后显示以下错误
最可能的原因是什么?我似乎找不到其他人有同样的问题。
我的环境:
即使在摇动后尝试做任何选择之后,这也是 Metrobundler 所在的位置。
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 文件上尝试一些设置,但我不确定它是如何工作的。
你可以帮帮我吗?谢谢!
android - 在不同的端口运行多个 react-native 应用程序
如何在一台机器上运行 Metro bundler 或 react-native 应用程序的多个实例?react-native 应用程序运行的默认端口是 8081。
reactjs - react-native 开始给出 Invalid 正则表达式无效错误
我按照以下链接开始使用 react-native
我试图在没有博览会的情况下创建本机应用程序,所以我按照文档我遵循以下命令
运行android命令后
它在模拟器上给了我以下错误
所以我使用启动命令来运行地铁服务器
该命令在控制台中给了我另一个错误
reactjs - 如何解决“react-native start”上的错误
我刚刚安装了 node.js & cli
- 安装 node.js
安装了 react-native-cli
/li>
并创建了一个“新项目”。
/li>在那个'new_project'目录中,我很想看看metro bundler是否运作良好。
/li>但是该命令给了我以下错误,并且地铁没有启动。修复此错误的任何线索?(我使用的是 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:
- 命令 :
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
.
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 模块图中不存在
请帮我!!!:)在此处输入图像描述
react-native - 在 monorepo 中设置 react-native 时出现捆绑错误
我在使用工作区的 yarn monorepo 中设置新的 react-native 项目时遇到了一些问题。我的根 package.json 看起来像:
当我运行yarn run-ios
构建成功但我得到捆绑器错误:
该bugsnag-react-native
文件夹确实存在于根目录中node_modules
有谁知道这里可能发生什么/如何解决它?
我正在使用纱线版本1.19.0