使用ng2实现时Angular 4内的jQuery问题

这个问题是由于我在chrome中使用了一个web扩展。我讨厌当这成为问题的时候。。。。抱歉，各位

这个问题是由于我在chrome中使用了一个web扩展。我讨厌当这成为问题的时候。。。。抱歉，各位

我没有看到您提供的链接中提到的在

.angular cli.json

中包含js的步骤？你包括了吗？您已经将看起来像

user.module

的东西标记为那样，谢谢。很抱歉我修复了提供的代码，包括实际的angualr.cli.json文件。所以为了回答你的问题，我相信我包括了.js。您同意吗？现在看起来不错是的，您在

UserModule

中的导入中也缺少

.forRoot（）

。你能再次检查一下你是否记得每个依赖项的

npm install

？是的，我去掉了“.forRoot（）”部分，因为我在另一个论坛看到有人针对类似的问题提出了建议。我把它放回去了。但它仍然失败。但是关于你的第二个问题，不，我没有那样做。。。我希望如此。我真的不明白你的意思。我需要在什么目录下安装npm？我只是从您链接的文章中获取这一信息-第一个标题之一

Installation

（那些

npm install

命令应该从您目录的根目录运行），您需要这两个，因为您已经在

.angular cli.json

中包含了这两个，我没有看到在您提供的链接中提到的

.angular cli.json

中包含js的步骤？你包括了吗？您已经将看起来像

user.module

的东西标记为那样，谢谢。很抱歉我修复了提供的代码，包括实际的angualr.cli.json文件。所以为了回答你的问题，我相信我包括了.js。您同意吗？现在看起来不错是的，您在

UserModule

中的导入中也缺少

.forRoot（）

。你能再次检查一下你是否记得每个依赖项的

npm install

？是的，我去掉了“.forRoot（）”部分，因为我在另一个论坛看到有人针对类似的问题提出了建议。我把它放回去了。但它仍然失败。但是关于你的第二个问题，不，我没有那样做。。。我希望如此。我真的不明白你的意思。npm需要安装什么以及安装在什么目录中？我只是从您链接的文章中获取这一信息-第一个标题之一

Installation

（那些

npm install

命令应该从您的目录根目录运行），您需要这两个，因为您已经在

中包含了这两个标题。angular cli.json

  {
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "rock-radar-front"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css",
          "../node_modules/materialize-css/dist/css/materialize.css",
          "../node_modules/mdi/css/materialdesignicons.min.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/materialize-css/dist/js/materialize.min.js"
      ],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json"
    },
    {
  "project": "src/tsconfig.spec.json"
    },
    {
      "project": "e2e/tsconfig.e2e.json"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "baseUrl": "./",
    "module": "es2015",
    "types": [
      "jquery",
      "materialize-css"
    ]
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppComponent } from './app.component';
import { UserComponent } from './user/user.component';

@NgModule({
  declarations: [
    AppComponent,
    UserComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule
 ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MaterializeModule } from 'ng2-materialize';
import { UserComponent } from "./user.component";

@NgModule({
  imports: [
    CommonModule,
    MaterializeModule
  ],
  declarations: [UserComponent]
})
export class UserModule { }