角度 - 由于运行时错误，无法使 sortablejs 工作答案

【问题标题】：angular - cannot make sortablejs work due to runtime error角度 - 由于运行时错误，无法使 sortablejs 工作
【发布时间】：2019-07-28 22:50:55
【问题描述】：

我正在尝试使用这个库：https://github.com/SortableJS/ngx-sortablejs

我已经安装了：npm i ngx-sortablejs sortablejs --save

我的页面 HTML

<div [sortablejs]="items">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
</div>

然后我在我的app/app.module.ts 中导入

import { SortablejsModule } from 'angular-sortablejs';

...

SortablejsModule.forRoot({ animation: 150 })

最后，在我的page.module.ts 中导入模块

import { SortablejsModule } from 'angular-sortablejs';       <<==== HERE

...

@NgModule({
  imports: [
    IonicModule,
    CommonModule,
    FormsModule,
    SortablejsModule,                                <<==== AND HERE
 ...

所以应用程序编译时没有错误，但是当我尝试使用组件打开页面时，我得到了这个运行时错误：

core.js:15724 ERROR Error: Uncaught (in promise): TypeError: OriginalSortable.create is not a function
TypeError: OriginalSortable.create is not a function
    at sortablejs.directive.js:32
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150)
    at NgZone.push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular (core.js:17258)
    at SortablejsDirective.push../node_modules/angular-sortablejs/dist/src/sortablejs.directive.js.SortablejsDirective.ngOnInit (sortablejs.directive.js:31)
    at checkAndUpdateDirectiveInline (core.js:22099)
    at checkAndUpdateNodeInline (core.js:23363)
    at checkAndUpdateNode (core.js:23325)
    at debugCheckAndUpdateNode (core.js:23959)
    at debugCheckDirectivesFn (core.js:23919)
    at resolvePromise (zone.js:831)
    at resolvePromise (zone.js:788)
    at zone.js:892
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
    at Object.onInvokeTask (core.js:17290)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
    at drainMicroTaskQueue (zone.js:601)
    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:502)
    at invokeTask (zone.js:1744)

我做错了吗？

【问题讨论】：

标签： angular ionic-framework sortablejs angular-sortablejs

【解决方案1】：

对我来说，升级到 Angular 8 后出现错误 OriginalSortable.create is not a function。

通过将 ngx-sortablejs 升级到 3.1.3 并将 sortablejs 升级到 1.10.1，错误消失了。

【讨论】：