角4.意外令牌出口

然後我被命令ng serve在控制檯啓動應用程序，我看到的錯誤：角4.意外令牌出口

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

剛開始那麼角應用，安裝：引導，jQuery的，popper.js然後添加風格&腳本文件到角cli.json 角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": {} 
    } 
}

我是用：

node 8.4.0 
npm 5.3.0 
jquery 3.2.1 
bootstrap 4 beta

我在哪裏犯了一個錯誤？一些文字或交別的東西這個追問與代碼的很大一部分（我的英語很糟糕，我知道...）

我的package.json有這樣的：

{ 
    "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" 
    } 
}

來源

2017-09-07 Никита Середа

可以添加angular.cli.json – Robert

的整個文件做ne，修復問題（完全添加json文件） –

你能不能添加package.json – Robert

我找到了答案。在./.angular-cli.json在從該行scripts更改文件夾： "../node_modules/popper.js/dist/popper.js"

to this (if you use modern version of webpack):

"../node_modules/popper.js/dist/esm/popper.js"

else this:

"../node_modules/popper.js/dist/umd/popper.js"

感謝fezVrasta

來源

2017-09-08 07:41:51

我的掛機是我加載* \ node_modules \ popper.js \ dist \ popper.js *，當我應該已經加載 __ \ node_modules \ popper.js \ dist \ umd \ popper.js__ – RandyDaddis

超級回答:) – Code

umd爲我工作，而不是esm。 – Code

角4.意外令牌出口

回答

相關問題