首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >错误TS2307:找不到模块‘@ng-引导/ng-引导’

错误TS2307:找不到模块‘@ng-引导/ng-引导’
EN

Stack Overflow用户
提问于 2018-05-16 02:51:19
回答 6查看 62.2K关注 0票数 20

我在“角5”项目中添加了NGBootstrap。但是过了一段时间,它就不起作用了,我的错误越来越少了。试图通过升级CLI版本来解决问题,但仍然没有解决问题。请查一下package.json。

src/app/app.module.ts中的错误(5,27):ERROR TS2307:无法找到模块@ng-引导/ng-引导。src/app/find-product/searchtabcontent/search-by-family/search-by-family.component.ts(2,48):error TS2307:无法找到模块‘@ng-引导/ng-引导’

package.json

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
  "name": "ng5",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.conf.json",
    "build": "ng build --prod --base-href=/UI/pages/",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "@ng-bootstrap/ng-bootstrap": "^1.1.2",
    "core-js": "^2.4.1",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "^6.0.1",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3",
    "@angular-devkit/build-angular": "~0.6.1"
  }
}

app.module.ts

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    NgbModule.forRoot(),
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
EN

回答 6

Stack Overflow用户

发布于 2018-05-16 03:24:02

如果您在删除npm install之后已经尝试重新启动node_modules,那么问题仍然存在,然后再次检查“@ng-引导”是否位于node_modules目录下,我将按如下方式进行:

  • 我会尝试首先重新启动IDE,使用Visual代码和其他代码.
  • 您也可以尝试这样做(这将适用于linux):
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
1. `sudo npm install --save @ng-bootstrap/ng-bootstrap`
2. `cd @ng-bootstrap`
3. `sudo npm install`

  • 请确保,如果您有多个模块,只有app.module具有类似于NgbModule.forRoot()的导入,任何其他模块都应该在导入[]中只包含NgbModule

希望它有帮助:)

票数 12
EN

Stack Overflow用户

发布于 2019-07-10 01:39:41

我尝试过这样的方法: 1.删除模块节点文件夹;2.删除包-lock.json文件;3.运行npm 4.运行ng serve -o

这对我有用,我希望你也这样做:)

票数 0
EN

Stack Overflow用户

发布于 2019-12-31 02:22:43

我通过更新ng update @ solved / this解决了这个问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50368951

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文