@capacitor-community/http 插件导入与 webpack 捆绑在 Android Studio 中引发 SyntaxError

Question

我在 .js 文件中导入 @capacitor-community/http 插件：

 import { Http } from '@capacitor-community/http';

然后将其与 webpack 捆绑到一个库（pages.bundle.js）中，在 webpack.config.js 中使用它：

 module.exports = [ { mode: "production", entry: "./src/index.js", output: { path: path.resolve(__dirname, "www/js/"), filename: "index.bundle.js" } }, { mode: "production", entry: "./src/pages.js", output: { path: path.resolve(__dirname, "www/js/"), filename: "pages.bundle.js", library: { name: "myutilities", type: 'umd', } }, resolve: { fallback: { util: require.resolve("util/") } }, plugins: [ new webpack.ProvidePlugin({ process: 'process/browser', }), ] } ];

使用脚本标签将捆绑的脚本带入页面，这在 Xcode/iOS 模拟器中运行良好，但在 Android Studio 中引发 SyntaxError：

文件：http://localhost/js/pages.bundle.js - 第 2 行 - Msg: Uncaught SyntaxError: Unexpected token (

如果我删除/注释掉这个特定的导入语句，错误就会消失。 任何想法，为什么会发生这种情况？

这些是 package.json 中的依赖项：

  "dependencies": {
    "@capacitor-community/http": "^1.4.1",
    "@capacitor/android": "^3.5.0",
    "@capacitor/camera": "latest",
    "@capacitor/core": "latest",
    "@capacitor/device": "^1.1.2",
    "@capacitor/ios": "^3.5.0",
    "@capacitor/splash-screen": "latest",
    "handlebars-helpers": "^0.10.0",
    "handlebars-utils": "^1.0.6",
    "process": "^0.11.10",
    "util": "^0.12.4"   },
  "devDependencies": {
    "@capacitor/cli": "latest",
    "webpack": "^5.72.0",
    "webpack-cli": "^4.9.2"
  },

Answer 1

这个问题似乎源于与旧设备的兼容性。 它发生在我选择 Nexus 5X API 24 时，这是我最初测试的。 当我切换到 Pixel 3 API 30 或 Pixel 4 API 30 时，它没有显示。