如何使用 Angular CLI 将 Dragula 合并到 Angular 2 项目中?
我已经安装了它:
npm install ng2-dragula dragula --save
并将其添加到我的
app.module
:
import { DragulaModule, DragulaService } from 'ng2-dragula';
但是,我收到错误:
“找不到模块‘ng2-dragula’
我找到的方法建议将其添加到
angular-cli-build.js
,但我找不到具有该名称的文件。
让像 Dragula 这样的第三方模块与 Angular CLI 一起使用的分步过程是什么?
要将 Dragula 添加到项目中,请将 css 和 js 添加到 angular-cli.json (请注意,要为这两个部分建立一个目录,因为它们从 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]
})
但是我收到错误“找不到模块‘ng2-dragula’。 我发现的建议方法建议将其添加到 angular-cli-build.js,但我找不到具有该名称的文件。
现在只有 angular-cli.json。您可以尝试将其添加到scripts部分。
https://github.com/angular/angular-cli#3rd-party-library-installation
根据 Angular 2 Webpack 的说明,app.module 中正确的导入语句应为:
import {DragulaService, Dragula} from 'ng2-dragula/ng2-dragula';
我的问题是我只安装了
ng2-dragula
但你还需要 dragula
本身。
尽管在 ng2-dragula 文档中没有提及。
所以运行
npm install dragula --save
解决了我的问题