尝试在 android (Nativescript-vue) 上使用 RadListView 时出现 Webpack 错误

Posted 2023-04-13

【中文标题】尝试在 android (Nativescript-vue) 上使用 RadListView 时出现 Webpack 错误

【英文标题】：Webpack errors when trying to use RadListView on android (Nativescript-vue)

【发布时间】：2021-02-21 11:39:49

【问题描述】：

当我尝试在 android 应用程序中使用 RadListView 插件时遇到了一个重大问题（我没有在 ios 中尝试过，但我认为问题将是相同的）

按照https://docs.nativescript.org/vuejs/ns-ui/listview/getting-started 的说明，我已将插件添加到我的项目中。但是，只要我将以下行添加到我的 main.js：

import RadListView from 'nativescript-ui-listview/vue';

我遇到了一堵 webpack 错误，例如：

System.err: An uncaught Exception occurred on "main" thread.
System.err: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: Error calling module function 
System.err: TypeError: _nativescript_core__WEBPACK_IMPORTED_MODULE_0__.Property is not a constructor
System.err: File: (file: node_modules/nativescript-ui-listview/ui-listview.common.js:65:44)
System.err: 
System.err: StackTrace: 
System.err: ../node_modules/nativescript-ui-listview/ui-listview.common.js(file: node_modules/nativescript-ui-listview/ui-listview.common.js:65:44)
System.err:     at __webpack_require__(file: app/webpack/bootstrap:750:0)
System.err:     at fn(file: app/webpack/bootstrap:120:0)
System.err:     at (file: node_modules/nativescript-ui-listview/ui-listview.android.js:1:0)
System.err:     at ../node_modules/nativescript-ui-listview/ui-listview.js(file:///data/data/uk.nhs.mft.demo.intranet.app/files/app/vendor.js:85236:30)
System.err:     at __webpack_require__(file: app/webpack/bootstrap:750:0)
System.err:     at fn(file: app/webpack/bootstrap:120:0)
System.err:     at ../node_modules/nativescript-ui-listview/vue/index.js(file: node_modules/nativescript-ui-listview/vue/index.js:1:0)
System.err:     at __webpack_require__(file: app/webpack/bootstrap:750:0)
System.err:     at fn(file: app/webpack/bootstrap:120:0)
System.err:     at (file: app/main.js:1:0)
System.err:     at ./main.js(file:///data/data/uk.nhs.mft.demo.intranet.app/files/app/bundle.js:2007:30)
System.err:     at __webpack_require__(file: app/webpack/bootstrap:750:0)
System.err:     at checkDeferredModules(file: app/webpack/bootstrap:43:0)
System.err:     at webpackJsonpCallback(file: app/webpack/bootstrap:30:0)
System.err:     at (file:///data/data/uk.nhs.mft.demo.intranet.app/files/app/bundle.js:2:57)
System.err:     at require(:1:266)

我自己不知道如何解决，我希望有人可以帮助我吗？作为参考，我正在运行 nativescript 的 6.8.0 和 nativescript-ui-listview 的 ^9.0.4。

如果我可以提供更多信息来帮助调试此问题，请询问，我很乐意提供。

【问题讨论】：

请简要分享您的package.json。

你不能使用最新的nativescript-ui-listview试试8.2.1-next-2020-05-22-112620-01

【参考方案1】：

对于 Nativescript 版本 6 个分支。推荐使用以下依赖。

依赖项

“@nativescript/core”：“6.5.15”， “nativescript-ui-listview”：“8.0.1”，或“8.2.1-next-2020-05-22-112620-01”

devDependencies

"tns-platform-declarations": "~6.5.15", “nativescript-vue”：“~2.7.1”，

【参考方案2】：

@cem kaan 你是救生员！降级到 8.0.1 的 listview 插件已经为我解决了这个问题！非常感谢您的帮助。

出于兴趣，此依赖项是否记录在任何地方？我在看的指南上看不到任何明显的东西，但我当然可能错过了它

再次感谢您的帮助