2

Angular CLI を使用して Angular 2 プロジェクトに Dragula を組み込むにはどうすればよいですか?

私はそれをインストールしました：

npm install ng2-dragula dragula --save

そしてそれを私のものに追加しましたapp.module：

import { DragulaModule, DragulaService }   from 'ng2-dragula';

ただし、次のエラーが表示されます。

「モジュール 'ng2-dragula' が見つかりません

私が見つけた方法は、に追加することを提案していangular-cli-build.jsますが、その名前のファイルが見つかりません。

Dragula のようなサードパーティ製モジュールを Angular CLI と連携させるための段階的なプロセスは何ですか?

4

3 に答える 3

4

プロジェクトにドラグラを追加するには、css と js を angular-cli.json に追加します (これらの 2 つのセクションはsrcから動作するため、ディレクトリを上に移動することに注意してください) 。

  "styles": [
    "../node_modules/dragula/dist/dragula.css",
    "styles.css"
  ],
  "scripts": [
    "../node_modules/dragula/dist/dragula.js"
  ]

..次に、パッケージ セクションに ng2-dragula を追加します。

  "packages": [
    "node_modules/ng2-dragula"
  ]

app.module.tsでモジュールをインポートし、サービスを宣言します。

import { DragulaModule, DragulaService } from '../../node_modules/ng2-dragula/ng2-dragula';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    DragulaModule
  ],
  providers: [
    DragulaService
  ],
  bootstrap: [AppComponent]
})
于 2016-11-05T01:22:09.870 に答える
1

ただし、「モジュール 'ng2-dragula' が見つかりません」というエラーが表示されます。私が見つけた推奨される方法では、それを angular-cli-build.js に追加することをお勧めしますが、その名前のファイルが見つかりません。

現在は angular-cli.json のみです。スクリプトセクションに追加してみてください。

https://github.com/angular/angular-cli#3rd-party-library-installation

于 2016-10-13T10:54:35.157 に答える