【问题标题】:got "Uncaught SyntaxError: Unexpected reserved word" error only on android devices?仅在 android 设备上出现“Uncaught SyntaxError: Unexpected reserved word”错误?
【发布时间】:2018-06-07 13:16:00
【问题描述】:
Uncaught SyntaxError: Unexpected reserved word       main.bundle.js:109
    ./public/src/main.js                             main.bundle.js:109
    __webpack_require__                              main.bundle.js:20
    (anonymous function)                             main.bundle.js:84
    (anonymous function)                             main.bundle.js:87

使用 webpack 和 babel (preset-env),在任何其他设备上都可以正常工作,但不能在 android 5.1 设备上工作,可能是什么问题

main.bundle.js:109:

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _styles_main_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../styles/main.scss */ \"./public/styles/main.scss\");\n/* harmony import */ var _styles_main_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_styles_main_scss__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _scenes_battle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./scenes/battle */ \"./public/src/scenes/battle.js\");\n/* harmony import */ var _scenes_load__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./scenes/load */ \"./public/src/scenes/load.js\");\n// wengwengweng\n\n\n\n\n\nclass Game extends Phaser.Game {\n\n\tconstructor() {\n\n\t\tconst width = window.innerWidth || document.documentElement.clientWidth;\n\t\tconst height = window.innerHeight || document.documentElement.clientHeight;\n\n\t\tsuper({\n\n\t\t\twidth: width,\n\t\t\theight: height,\n\t\t\tbackgroundColor: \"#000000\",\n\t\t\tparent: \"game\",\n\t\t\tscene: [_scenes_load__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _scenes_battle__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n\t\t\tphysics: {\n\t\t\t\tdefault: \"arcade\",\n\t\t\t\tarcade: {\n\t\t\t\t\tgravity: 0,\n\t\t\t\t\tdebug: true\n\t\t\t\t}\n\t\t\t}\n\n\t\t});\n\t}\n\n}\n\nwindow.socket = io();\nwindow.game = new Game();\n\n//# sourceURL=webpack:///./public/src/main.js?");

【问题讨论】:

  • 可能在main.bundle.js 文件中发布第 109 行的内容。
  • 嗯,这很难读懂,但问题是您的 babel 配置假定您的 Android 5.1 目标不支持的 JavaScript 功能。
  • @Pointy 更改预设是一种可能的解决方案吗?我应该用什么

标签: javascript android webpack webview chromium


【解决方案1】:

我切换到包裹捆绑器,一切正常

【讨论】:

  • 你能分享一下你的解决方案吗,我也有类似的问题。
  • @csgorankings.com 我刚刚切换到 parcel-bundler 进行捆绑而不是 webpack,它可以工作,希望对您有所帮助
  • 嗯,我无法在 windows 10 上安装 parcel 'parcel' is not recognized as an internal or external command
  • @csgorankings.com 我对windows不熟悉,但是应该和你安装webpack的方式一样,或者只是在本地安装,要么使用脚本构建,要么使用npm脚本
  • 好的,我设法让parcel 工作,但我有一个复杂的结构,我需要一些配置选项,因为我设法构建但没有显示...,你使用了什么配置?
猜你喜欢
  • 2020-12-17
  • 2023-02-25
  • 1970-01-01
  • 2016-09-28
  • 2020-03-29
  • 1970-01-01
  • 2015-04-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多