Question

我正在使用Angular 4，我正在尝试在我的应用程序中使用Bootstrap 4。但在运行 npm start

时，在命令提示符中出现以下错误

@ angular / compiler-cli和typescript的版本不可能决心。最常见的原因是npm安装损坏。请确保您的package.json包含@ angular / compiler-cli 和devDependencies中的typescript，然后删除node_modules和 package-lock.json（如果你有的话）并再次运行npm install。

Package.json文件如下

{
  "name": "cli-test4",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "@types/jquery": "^2.0.47",
    "bootstrap": "^4.0.0",
    "bootstrap-grid": "^3.0.1",
    "bootstrap-reboot": "^0.1.1",
    "core-js": "^2.4.1",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "lodash": "^4.17.4",
    "moment": "^2.21.0",
    "ng2-tooltip": "0.0.7",
    "ngx-quill": "^1.6.0",
    "popper.js": "^1.12.9",
    "raw-loader": "^0.5.1",
    "rxjs": "^5.1.0",
    "web-animations-js": "^2.2.5",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "~1.7.3",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^4.2.4",
    "@types/jasmine": "2.5.38",
    "@types/lodash": "^4.14.65",
    "@types/node": "~6.0.60",
    "angular-2-dropdown-multiselect": "^1.2.0",
    "codelyzer": "~2.0.0",
    "css-loader": "^0.28.1",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.0",
    "raw-loader": "^0.5.1",
    "script-loader": "^0.7.0",
    "source-map-loader": "^0.2.1",
    "ts-node": "~2.0.0",
    "tslint": "~4.5.0",
    "typescript": "~2.2.0"
  }
}

请提供解决方案，或者使用Angular 4，bootstrap 4在github上为我提供示例项目

Answer 1

尝试检查是否this answer helps you: 基本上，使用ng new my-app创建一个全新的角度项目，并检查是否运行。如果是，请将所有非项目相关的从属项从新应用程序的package.json复制到您当前的项目，然后重试。

另一种解决方案是尝试直接安装dev依赖项：npm install --dev

如果这不会有帮助，那么可以考虑升级到Angular 5。

Bootstrap 4的Angular 4兼容性问题

1 个答案: