关于react-native init 创建项目报错 cli.init is not a function 问题解决

已于 2022-11-30 21:43:29 修改
阅读量3.1k 收藏 5
点赞数 4
分类专栏： react-native 文章标签： react native javascript react.js
于 2022-08-17 23:52:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42231156/article/details/126396576
版权

react-native init TypeError 版本适配 0.68.2
关键词由CSDN通过智能技术生成

更多前端资料，《前端Tool》小程序。

1. 在react-native init appDemo 创建项目时，报错TypeError: cli.init is not a function.

 2. 解决：产生这个问题的原因是：使用这种方式创建工程，react-native版本是0.69 版本上不适用。各位可以检查下自己安装的React-native的版本。改成：npx react-native init chapter2 --version 0.68.2  即可。

Ace.三阶斗尊
关注
专栏目录
React Native Autolinking 源码深入分析
薛瑄的博客
03-16 3876
ReactNative autolink 源码深入分析，理解脚手架工作原理
react-native开发问题以及处理
weixin_45221036的博客
04-08 975
React Native 搭建开发环境 npm i -g react-native-cli react-native init demo01 react-native run-ios 获取屏幕宽度 import { Dimensions, StatusBar, SafeAreaView, Text } from 'react-native'; import React from 'react'; const App = () => React$Node = ()=>{ retur
React Native 创建项目报错：cli.init is not a function
MrTech的博客
05-23 1072
问题分析：很多给的解释是：产生这个问题的原因是：使用这种方式创建工程，react-native版本是0.69 版本上不适用。创建出来的内容只有以下几项：node_modules\ package.json\yarn.locl。情况：创建项目报错：cli.init is not a function。解决方案：全局卸载并全局安装 react-native-cli。并重新全局安装0.7以下版本的react-native。然后就可以创建新的项目，并正常运行。
react-Native init初始化项目报错”TypeError: cli.init is not a function“
范德萨的博客
07-27 1226
react-native版本问题，使用：npx react-native init Demo --version 0.68.2 即可。
React Native 模板项目搭建教程
gitblog_00873的博客
08-16 762
React Native 模板项目搭建教程 react-native-templateMinimal template with best practices and automation scripts for improved developer experience.项目地址:https://gitcode.com/gh_mirrors/rea/react-native-template ...
react-native init 初始化项目报错 TypeError: cli.init is not a function
kongxx的专栏
09-04 987
使用 npm -g list 查看已安装的 react-native 库。使用 npx react-native init 重新初始化项目。卸载 react-native-cli 库。
react native 0.69版本初始化项目报错 cli.init is not a function
好巧的博客
06-23 4105
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。创建一个空的文件夹来运行这个命令，执行这个命令后会生成以下文件 ，创建好新项目后删掉即可。本篇文章的解决方法依然有效，不过目前找到了更简单的解决方法。如果本篇文章对你有帮助的话，很高兴能够帮助上你。使用命令 react-native -v 查看。
react-native init 项目出现的问题
roadProgram的专栏
06-16 743
This will walk you through creating a new React Native project in /Users/x'x'x/Desktop/ReactNativeWS/smstest Using yarn v1.22.4 Installing react-native... yarn add v1.22.4 info No lockfile found. [1/4] ???? Resolving packages... info There appears to
React Native 坑之init 失败 react-native init ReactTest （SyntaxError: Unexpected identifier）
我爱特雷西
07-09 3601
问题：在新建一个React native项目时，会创建不成功，详情见下面 当我们输入了创建项目的命令时 react-native init ReactTest 按理说应当成功，但实际却是这样的。。。 C:\Users\Zeking\Desktop\Code\Code\node_modules\react-native\local-cli\cliEntry.js:30 impor...
Calculator-ReactNativeCli:计算器App React Native Cli
05-16
总结一下，"Calculator-ReactNativeCli"是一个使用React Native CLI创建的计算器应用项目。通过这个项目，开发者可以学习React Native的基础知识，包括组件化、状态管理和事件处理，以及如何利用JavaScript进行原生...
react native 0.70版本初始化项目报错 cli.init is not a function
好巧的博客
09-06 2803
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。提示是否安装 react-native 包，输入 y 回车（下载并执行 CLI 的当前稳定版本）原因：全局安装或安装特定版本的 react-native-cli。使用命令 react-native -v 查看是否成功移除。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
RN TypeError: cli.init is not a function
afufufufu的博客
08-25 981
使用这种方式创建工程，在react-native 版本是0.69 版本上不适用。各位可以检查下自己安装的React-native的版本。：创建项目时，指定低于0.69的版本。
TypeError: cli.init is not a function 问题解决
咖啡老师
07-09 7887
解决React-native工程创建问题
成功解决TypeError: cli.init is not a function for react native
qq_73882890的博客
07-14 362
问题原因：这是新版本的错误导致。第二步 检查这些列表中没有与。
react-native创建项目遇到的问题及报错和解决方案
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
04-29 5887
运行创建项目 npx react-native init AwesomeProject 一、遇到的问题 1.error Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template. 大概意思： 错误：无法安装此模板所需的iOS项目的CocoaPods依赖项。 解决方案： 运行 "cd ./AwesomeProject/ios && p..
React Native 初次安裝踩坑
tp27933的博客
01-15 1844
這次終於燃起了學習react的動力，在初步了解後開始進入react native的學習，更早之前其實有玩過expo，不過使用expo也會有些無法使用原生套件的問題，既然要先學習就從扎實的開始吧！安裝react native首先一開始我先安裝了全局 後來在跑的時候卻報錯了 typeError: cli.init is not a function搜索了下解決方法是删除全局的react-native-cli 隨後再次run了建立的指令，不意外的又報錯了....bundle install Your Ru
React-Native学习第一天：搭建环境
xlk_1996的博客
07-04 1279
React Native的环境搭建，及可能遇到的问题
设置 RN 配置: 在Vue项目的根目录创建rn-cli.config.js文件，配置React Native CLI。 如果你是首次使用React Native，可能还需要运行npx react-native init初始化一个React Native项目模板。具体如何操作
最新发布
09-26
在Vue项目中引入React Native的功能并设置其配置，你需要按照以下步骤操作： 1. **创建RN配置文件**: - 在Vue项目的根目录下（通常在`src`或`project-name`文件夹内），创建一个名为`rn-cli.config.js`的新文件。这是React Native CLI特定的配置文件。 ```js // rn-cli.config.js module.exports = { // 这里可以添加React Native的配置选项 projectConfig: { resolverDir: './node_modules/@react-native-community/cli-resolver-typescript', }, }; ``` 这个文件告诉React Native CLI在哪里找到TypeScript的默认解析器。 2. **安装依赖**: 如果你之前没有安装过React Native相关的工具，首先需要全局安装它们： ``` npm install -g @react-native-community/cli @react-native/cli-platform-web ``` 3. **初始化React Native项目**: 使用`react-native init`命令来生成一个新的React Native项目模板，但这不是Vue项目的一部分，而是独立的RN项目。如果要在Vue项目内部集成React Native组件，通常会采用库模式（如`react-native-web`或`@react-native-community/ios-build-task`）或混合应用模式（原生模块、桥接）。 ```sh npx react-native init RNIntegrationFolderName ``` 4. **修改Vue配置**: - 在Vue的`main.js`或其他适当入口文件中，引入React Native的库和UI，并将其与Vue应用程序结合。例如，使用`react-native-web`： ```js import { AppRegistry } from 'react-native-web'; import App from './src/App.vue'; AppRegistry.registerComponent('myApp', () => App); ``` 5. **构建混合应用**: - 为了在Vue中使用React Native代码，你可以通过创建原生模块、桥接等方式让两者通信。这通常涉及到编写平台特定的代码并在Vue中管理它们。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值