react native 在 init 时报“SyntaxError: Unexpected token import”错

最新推荐文章于 2024-07-25 11:50:09 发布
最新推荐文章于 2024-07-25 11:50:09 发布
阅读量1.3k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： ReactNative 文章标签： reactnative react native 初始化项目 react naive init 项目 SyntaxError: Unexpected token
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LQ0611/article/details/80937199
本文介绍了一种在使用React Native创建新项目时遇到的错误及其解决方案。错误出现在使用react-native init demo命令时，通过指定旧版本可以避免此问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

react native 在用“react-native init demo”init项目时，报如下错误:
import type {CommandT} from './commands';
SyntaxError: Unexpected token import

   

解决方法：

在init时指定init的版本，例如react-native init MyApp --version 0.44.3

由于rn更新太快，最新版本可能并不适用，所以可以在初始化时，用指定版本。其他版本应该也可以，我试的是react-native init MyApp --version 0.44.3

【taro react 错误解决】---- Uncaught SyntaxError: Unexpected token ‘＜‘
止于至善
09-23 1697
1. 报错提示 Uncaught SyntaxError: Unexpected token '<' 2. 报错截图 3. 查看报错原因 4. 分析原因 这里肯定不可能是错误的，依次向下查找； head 标签里边的 meta title script 等都是常规，没有多余的 ‘<’，没有报错； body 标签中 script 的 app.js 的静态资源文件路径错误！ 5. 造成问题的原因 app.js 是脚手架自动引入，也就是说不是代码的问题，而是配置问题； 查看 conf
Error loading model: SyntaxError: Unexpected token ‘＜‘, “＜!DOCTYPE “... is not valid JSON
suiusoar
07-11 2458
加载模型时遇到了一个语法错误，具体是解析 JSON 时遇到了意外的字符 '
React Native 最近 init一个新项目总是出这样的错：SyntaxError: Unexpected token import
GrapeLier的博客
07-10 3194
最近再用react-native编写一个项目作业，但是问题就这样出现了。当我开开心心打开我的项目时我的服务器闪退，react-active run-android时出现报红，百度了很多都说node升级就行了，然后重新注入依赖之类的，于是我由node 6.9.1升级为node8.11.3 最后就非常悲剧了，再init项目时就直接半路中断报错。最后各种卸载下载node，npm。折腾了大概6天发展为直接...
react-native init 项目后出现 unexpected token <
u012915637的博客
07-21 3941
在执行 react-native init projectName 初始化项目后, 通过 react-native run-android 初始启动项目时,出现了 "unexpected token 我的解决方法: npm install babel-loader babel-core babel-preset-es2015 babel-preset-react --save-dev
React-native SyntaxError: Unexpected token ...
diansui0710的博客
08-03 527
更新 node.js 版本到 v6.11.1. https://github.com/facebook/react-native/issues/15040 转载于:https://www.cnblogs.com/mrdooo/p/7282101.html
SyntaxError: Unexpected token import
热门推荐
StarFishing
12-20 1万+
在使用vue开发项目时，在build\webpack.dev.conf.js文件中使用import导入文件时报SyntaxError: Unexpected token import错误，经过查找后发现是es6语法问题，导致不可以使用import，下面来具体分析一下这个错误； ES6语法的模块导入导出(import/export)功能,我们在使用它的时候，可能会报错： SyntaxError: U...
React使用serve -s启动服务失败，提示SyntaxError: Unexpected token ‘.‘ 问题解决
lnluozi的博客
05-31 818
在React项目中，使用npm run build命令编译后，尝试通过serve -s build启动服务。
启动react项目提示：Module build failed: SyntaxError: Unexpected token
q1ngqingsky的博客
06-03 2712
启动react项目时提示： Module build failed: SyntaxError: Unexpected token (18:4) 解决方法： 添加 .babelrc文件： { "presets": [ ["es2016"], "react" ], "plugins": [ "babel-plugin-transform-class-properties" ] } 也可以查看链接：https://github.com/JeffreyWay/larave
webpack编译时报错Module build failed，SyntaxError: Unexpected token＞ ＜div＞
一枚不断学习的小码农一枚~
04-06 1329
webpack编译时报错 ERROR in ./src/components/App.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: Unexpected token (9:6) 7 | render() { 8 | return ( > 9 | <div> | ^ 10 | <im
报错 Unexpected token import
Ashley_lidan的博客
08-26 383
报错 Unexpected token import ERROR Failed to compile with 1 errors 10:50:04 ├F10: AM┤ error in ./src/router/index.js Module Error (fro
错误：Unexpected token import
john987321456的博客
11-26 2876
错误Unexpected token import 注意: 按需加载import因为是es6语法，需要安装插件 1、安装插件（@babel/plugin-syntax-dynamic-import） npm install --save-dev @babel/plugin-syntax-dynamic-import 2、在babel.config.js配置文件中声明该插件 module.exports = { "presets": [ "@vue/app" ],
解决问题SyntaxError: Unexpected token import
weixin_30577801的博客
06-07 2486
ES6语法的模块导入导出(import/export)功能,我们在使用它的时候，可能会报错： SyntaxError: Unexpected token import 语法错误：此处不应该出现import 我遇到的情况是import语法不识别导致的。在这里，有两种方法可以解决。 1: 使用node的v8及之后的版本 因为，node需要v8.x之后的版本才支持ECMAScript Modules ...
项目打包时报错：Unexpected token import
weixin_53198972的博客
07-25 394
2、在babel.config.js配置文件中声明该插件。3、设置.eslintrc.js配置文件。4.重新npm run build即可。
ES6:Unexpected token import 错误
weixin_34114823的博客
06-27 4380
最近在学校使用ES6的export和import语法的时候会报以下错： 原本以为是自己语法上有什么错误(代码如下)： 仔细检查之后发现并没什么问，于是又试了一下CommonJS的方式(请忽略截图中出现的名字233333)： 发现CommonJS的方式可以实现数据的导入和导出，然后就查阅了一些资料发现NodeJS和Web只支持部分ES...
Vue中单独的文件报错Unexpected token import
weixin_38098192的博客
06-21 9118
这是因为浏览器不支持import，使用babel将es6转化为es5
React Native 踩坑记录 “Unexpected token '...'. Expected a property name. (http://localhost:8081/index.d”
weixin_42757717的博客
08-23 7317
Unexpected token '...'. Expected a property name. (http://localhost:8081/index.delta?platform=android&amp;dev=true&amp;minify=false:154872） 这个问题似乎不是很常见，因为我自己搜索了一圈发现并没有太多关于这个报错的文章，也可能是这种低级错误大家都不屑于犯吧...
vue-cli项目中出现“unexpected token import ”时的解决办法
hmily43的博客
11-29 3082
开启eslint语法校验的时候，运行项目会出现“unexpected token import”这个问题，经过查找后发现是es6语法问题，导致不可以使用import，下面来具体分析一下这个错误； ES6语法的模块导入导出(import/export)功能,我们在使用它的时候，可能会报错： 可以通过以下方式解决 1.安装@babel/plugin-syntax-dynamic-import --save-dev 1 yarn add eslint-plugin-vue --save...
<React.StrictMode> ^ SyntaxError: Unexpected token '<'
最新发布
01-09
### 解析 React.StrictMode 中的 SyntaxError 错误 当遇到 `SyntaxError: Unexpected token '<'` 的错误时，通常意味着 JavaScript 文件中包含了 HTML 或 JSX 语法，而这些文件被当作纯 JavaScript 来解析。这可能是由于 Webpack 配置不正确或其他构建工具未能正确处理 `.js` 和 `.jsx` 文件。 为了确保项目能够正常运行，在使用 React Strict Mode 下应采取以下措施： #### 修改 Webpack 配置 如果正在使用 Webpack 构建应用程序，则需确认 Babel 加载器已配置为支持 JSX 转换。以下是推荐的 Webpack 配置片段[^1]： ```javascript module.exports = { module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, use: ['babel-loader'] } ] }, }; ``` #### 更新 .babelrc 文件 确保项目的 `.babelrc` 文件包含必要的预设来转换现代 JavaScript 特性和 JSX 语法。建议添加如下设置[^2]: ```json { "presets": ["@babel/preset-env", "@babel/preset-react"] } ``` #### 检查入口文件扩展名 有时开发者可能会忘记给入口文件加上正确的扩展名（`.jsx`），从而导致加载时不经过适当编译就执行。因此要保证所有涉及 JSX 语句的文件都带有 `.jsx` 扩展名，并且在引入模块时也指定完整的路径和扩展名[^3]。 通过以上调整可以有效避免因 JSX 未被正确识别而导致的意外标记 `<` 字符引发的语法错误问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值