Nativescipt RadSideDrawer

如何解决Nativescipt RadSideDrawer

自5天前开始尝试将RADSIDEDRAWER添加到我的Nativescript-Angular-Project时遇到错误。我已经按照nativescript文档中的指示安装了插件。另外在安装后，我已经删除了（Node_module，Platforms，Hook，Webpack.config.js，package-lock.json文件夹并运行npm install），但仍然没有锁定。请提供任何帮助

1. 已成功安装在标识为“ BVK6R20525018511”的设备上。 正在重新启动设备BVK6R20525018511上的应用程序...成功 设备上已同步的应用程序org.nativescript.nsngcourse BVK6R20525018511。 System.err：发生未捕获的异常 “主”线程。 System.err：无法创建应用程序 com.tns.NativeScriptApplication：com.tns.NativeScriptException： 调用模块函数System.err错误：TypeError：类扩展 未定义的值不是构造函数或null System.err：文件： （文件： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.common.js：27：66） System.err：System.err：StackTrace：System.err： ../ node_modules / nativescript-ui-sidedrawer / ui-sidedrawer.common.js（文件： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.common.js：27：66） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at（文件： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.android.js：1：0） System.err：位于 ../node_modules/nativescript-ui-sidedrawer/ui-sidedrawer.js(file:///data/data/org.nativescript.nsngcourse/files/app/vendor.js:155379:30） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at ../node_modules/nativescript-ui-sidedrawer/angular/fesm2015/nativescript-ui-sidedrawer-angular.js(file： node_modules \ nativescript-ui-sidedrawer \ angular \ fesm2015 \ nativescript-ui-sidedrawer-angular.js：1：0） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at ./app/app.module.ts（文件：src \ app \ app.module.ts：1：0）System.err：
   位于 webpack_require （文件：src \ webpack \ bootstrap：750：0） System.err：位于fn（文件：src \ webpack \ bootstrap：120：0）System.err： 在 （文件：///data/data/org.nativescript.nsngcourse/files/app/bundle.js：783：73） System.err：位于 ./main.ts(file:///data/data/org.nativescript.nsngcourse/files/app/bundle.js:849:30） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at checkDeferredModules（文件：src \ webpack \ bootstrap：43：0）System.err：
   在webpackJsonpCallback（文件：src \ webpack \ bootstrap：30：0） System.err：位于 （文件：///data/data/org.nativescript.nsngcourse/files/app/bundle.js：2：57） System.err：在require（：1：266）System.err：System.err： System.err：TypeError：类扩展值未定义不是 构造函数或null System.err：System.err：StackTrace：System.err： java.lang.RuntimeException：无法创建应用程序 com.tns.NativeScriptApplication：com.tns.NativeScriptException： 调用模块函数System.err错误：TypeError：类扩展 未定义的值不是构造函数或null System.err：文件： （文件： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.common.js：27：66） System.err：System.err：StackTrace：System.err： ../ node_modules / nativescript-ui-sidedrawer / ui-sidedrawer.common.js（文件： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.common.js：27：66） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at（文件： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.android.js：1：0） System.err：位于 ../node_modules/nativescript-ui-sidedrawer/ui-sidedrawer.js(file:///data/data/org.nativescript.nsngcourse/files/app/vendor.js:155379:30） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at ../node_modules/nativescript-ui-sidedrawer/angular/fesm2015/nativescript-ui-sidedrawer-angular.js(file： node_modules \ nativescript-ui-sidedrawer \ angular \ fesm2015 \ nativescript-ui-sidedrawer-angular.js：1：0） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at ./app/app.module.ts（文件：src \ app \ app.module.ts：1：0）System.err：
   位于 webpack_require （文件：src \ webpack \ bootstrap：750：0） System.err：位于fn（文件：src \ webpack \ bootstrap：120：0）System.err： 在 （文件：///data/data/org.nativescript.nsngcourse/files/app/bundle.js：783：73） System.err：位于 ./main.ts(file:///data/data/org.nativescript.nsngcourse/files/app/bundle.js:849:30） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at checkDeferredModules（文件：src \ webpack \ bootstrap：43：0）System.err：
   在webpackJsonpCallback（文件：src \ webpack \ bootstrap：30：0） System.err：位于 （文件：///data/data/org.nativescript.nsngcourse/files/app/bundle.js：2：57） System.err：在require（：1：266）System.err：System.err： System.err：TypeError：类扩展值未定义不是 构造函数或null System.err：在 android.app.ActivityThread.handleBindApplication（ActivityThread.java:6654） System.err：位于android.app.ActivityThread.-wrap2（未知 来源：0）System.err：位于 android.app.ActivityThread $ H.handleMessage（ActivityThread.java:2084） System.err：位于 android.os.Handler.dispatchMessage（Handler.java:109）System.err：
   在android.os.Looper.loop（Looper.java:166）System.err：at android.app.ActivityThread.main（ActivityThread.java:7555） System.err：位于java.lang.reflect.Method.invoke（本机方法） System.err：位于 com.android.internal.os.RuntimeInit $ MethodAndArgsCaller.run（RuntimeInit.java:469） System.err：位于 com.android.internal.os.ZygoteInit.main（ZygoteInit.java:963） System.err：原因：com.tns.NativeScriptException：调用错误 模块函数System.err：TypeError：类扩展值 undefined不是构造函数，也不是null System.err：File：（file： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.common.js：27：66） System.err：System.err：StackTrace：System.err： ../ node_modules / nativescript-ui-sidedrawer / ui-sidedrawer.common.js（文件： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.common.js：27：66） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at（文件： node_modules \ nativescript-ui-sidedrawer \ ui-sidedrawer.android.js：1：0） System.err：位于 ../node_modules/nativescript-ui-sidedrawer/ui-sidedrawer.js(file:///data/data/org.nativescript.nsngcourse/files/app/vendor.js:155379:30） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at ../node_modules/nativescript-ui-sidedrawer/angular/fesm2015/nativescript-ui-sidedrawer-angular.js(file： node_modules \ nativescript-ui-sidedrawer \ angular \ fesm2015 \ nativescript-ui-sidedrawer-angular.js：1：0） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at fn（文件： src \ webpack \ bootstrap：120：0）System.err：at ./app/app.module.ts（文件：src \ app \ app.module.ts：1：0）System.err：
   位于 webpack_require （文件：src \ webpack \ bootstrap：750：0） System.err：位于fn（文件：src \ webpack \ bootstrap：120：0）System.err： 在 （文件：///data/data/org.nativescript.nsngcourse/files/app/bundle.js：783：73） System.err：位于 ./main.ts(file:///data/data/org.nativescript.nsngcourse/files/app/bundle.js:849:30） System.err：位于 webpack_require （文件： src \ webpack \ bootstrap：750：0）System.err：at checkDeferredModules（文件：src \ webpack \ bootstrap：43：0）System.err：
   在webpackJsonpCallback（文件：src \ webpack \ bootstrap：30：0） System.err：位于 （文件：///data/data/org.nativescript.nsngcourse/files/app/bundle.js：2：57） System.err：在require（：1：266）System.err：System.err： System.err：TypeError：类扩展值未定义不是 构造函数或null System.err：在 com.tns.Runtime.runModule（本机方法）System.err：在 com.tns.Runtime.runModule（Runtime.java:674）System.err：at com.tns.Runtime.run（Runtime.java:666）System.err：at com.tns.NativeScriptApplication.onCreate（NativeScriptApplication.java:21） System.err：位于 android.app.Instrumentation.callApplicationOnCreate（Instrumentation.java:1123） System.err：位于 android.app.ActivityThread.handleBindApplication（ActivityThread.java:6636） System.err：...还有8个

解决方法

我终于通过删除mode_module，hook，platform，webpack.config.js，package-lock.json文件夹并将radsidedrawer的依赖项从9.0.3更改为8.0.1并运行npm install来使它工作