我想在我的项目中使用Materialise CSS Framework.
我使用ng new BLABLA建立了Angular CLI项目
我使用ng new BLABLA建立了Angular CLI项目
之后我按照this指南中的步骤进行操作.
但是,如果我使用ng serve启动项目,我在浏览器中收到此错误:
TypeError: undefined is not an object (evaluating 'jQuery.easing.swing')
我的angular-cli.json
{ "project": { "version": "1.0.0-beta.15","name": "blabla" },"apps": [ { "root": "src","outDir": "dist","assets": "assets","index": "index.html","main": "main.ts","test": "test.ts","tsconfig": "tsconfig.json","prefix": "app","mobile": false,"styles": [ "styles.css" ],"scripts": [ "../node_modules/jquery/dist/jquery.js","../node_modules/materialize-css/dist/js/materialize.js" ],"environments": { "source": "environments/environment.ts","dev": "environments/environment.ts","prod": "environments/environment.prod.ts" } } ],"addons": [],"packages": [],"e2e": { "protractor": { "config": "./protractor.conf.js" } },"test": { "karma": { "config": "./karma.conf.js" } },"defaults": { "styleExt": "css","prefixInterfaces": false } }
app.module.ts
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { MaterializeModule } from 'angular2-materialize'; import "materialize-css"; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ],imports: [ BrowserModule,FormsModule,HttpModule,MaterializeModule ],providers: [],bootstrap: [AppComponent] }) export class AppModule { }