Winkel 4. Unerwartetes token exportieren

Bin ich dann starten Sie die app, indem Sie den Befehl ng serve in der Konsole, ich sehe den Fehler:

VM1018:2297 Uncaught SyntaxError: Unexpected token export
            at eval (<anonymous>)
            at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9)
            at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?6efa:1)
            at __webpack_require__ (bootstrap 88f7324…:54)
            at Object.2 (scripts.bundle.js:66)
            at __webpack_require__ (bootstrap 88f7324…:54)
            at webpackJsonpCallback (bootstrap 88f7324…:25)
            at scripts.bundle.js:1
        webpackJsonp.../../../../script-loader/addScript.js.module.exports  @   addScript.js:9
        ../../../../script-loader/index.js!../../../../popper.js/dist/popper.js @   popper.js?6efa:1
        __webpack_require__ @   bootstrap 88f7324…:54
        2   @   scripts.bundle.js:66
        __webpack_require__ @   bootstrap 88f7324…:54
        webpackJsonpCallback    @   bootstrap 88f7324…:25
        (anonymous) @   scripts.bundle.js:1

Nur starten, dann angular-Anwendung installieren: bootstrap, jQuery, popper.js und dann fügen Sie Stile hinzu, & Skripte, Dateien zu eckig-cli.json
Winkel-cli.json:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "Web"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "build",
      "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": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/popper.js/dist/popper.js",
        "../node_modules/bootstrap/dist/js/bootstrap.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",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "src/tsconfig.spec.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "e2e/tsconfig.e2e.json",
      "exclude": "**/node_modules/**"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

ich bin verwenden:

node 8.4.0
npm 5.3.0
jquery 3.2.1
bootstrap 4 beta

Wo mache ich einen Fehler machen?
Einige text oder etwas anderes für diesen post Questen mit grosser Teil des Codes (mein Englisch ist sehr schlecht, ich weiß...),

Mein Paket.json haben diese:

{
  "name": "web",
  "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",
    "bootstrap": "^4.0.0-beta",
    "core-js": "^2.4.1",
    "jquery": "^3.2.1",
    "popper.js": "^1.12.5",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.3.2",
    "@angular/compiler-cli": "^4.2.4",
    "@angular/language-service": "^4.2.4",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.1.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "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": "~3.2.0",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
  }
}
  • hinzufügen Sie können die gesamte Datei eckig.cli.json
  • fertig, fix Frage (hinzufügen voll json-Datei)
  • können Sie hinzufügen Paket.json
  • Robert, ich bin hinzufügen Paket.json
  • okay, lassen Sie mich prüfen
  • vielen Dank, ich werde warten = )
  • wenn Sie müssen Sie bootstrap in Ihrer Anwendung verwenden Sie dieses Paket github.com/ng-bootstrap/ng-bootstrap
  • dieses Paket müssen verwendet werden *.ts-Dateien, aber das ist gar nicht gut (css & js von third-party-Pakete müssen Bauten mit ng build, aber nicht mit import-Komponente) oder bin ich falsch?

InformationsquelleAutor | 2017-09-07
Schreibe einen Kommentar