🙋 feature : up-to-date

tatsujb commented 6 years ago

First of all I can't thank you enough for your work. I'm not sure if you realize but you (to my knowledge) have got the only working angular-parcel setup out there.

I can't quite work out why parcel doesn't rebuild on file change but that's something I can live with.

UPDATE : I figured that out here : https://en.parceljs.org/hmr.html#safe-write

I didn't figure out how to setup the browser to reload automatically, though

would you consider bringing this up to speed? (newer packages) ncu -u output : @angular/cli 1.6.0 → 1.6.7 @types/jasmine ~2.5.53 → ~2.8.6 @types/node ~6.0.60 → ~9.4.0 jasmine-core ~2.6.2 → ~2.9.1 jasmine-spec-reporter ~4.1.0 → ~4.2.1 karma ~1.7.0 → ~2.0.0 karma-chrome-launcher ~2.1.1 → ~2.2.0 parcel-plugin-typescript 0.2.0-angular.0 → 0.5.3 protractor ~5.1.2 → ~5.3.0 ts-node ~3.2.0 → ~4.1.0 tslint ~5.7.0 → ~5.9.1 typescript ~2.4.2 → ~2.7.1

maybe integrate parcel-plugin-angular (they are working on ironing out the bugs and working with nwer versions of stuff)?

is babel an option?

what about supporting sass?

Thanks a billion anyhow :)

tienne commented 6 years ago

@tatsujb thanks change parcel-plugin-typescript to parcel-plugin-angular and css to scss

tatsujb commented 6 years ago

I tried that to no avail. :(

tienne commented 6 years ago

@tatsujb not working??

tatsujb commented 6 years ago

(putting the scss idea on hold until the package update and parcel-plugin-angular works first)

no. for you yes? if so could you push your version? I'll start from scratch with your version.

this works :

{
  "name": "myApp",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "parcel": "parcel",
    "start": "parcel ./src/index.html --no-cache",
    "build": "npm run-script build"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.0.0",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
    "core-js": "^2.4.1",
    "parcel-plugin-inlinesvg": "0.0.12",
    "rxjs": "^5.5.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.6.0",
    "@angular/compiler-cli": "^5.0.0",
    "@angular/language-service": "^5.0.0",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "eslint": "4.16.0",
    "eslint-config-prettier": "2.9.0",
    "eslint-plugin-prettier": "2.6.0",
    "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",
    "parcel-bundler": "^1.2.0",
    "parcel-plugin-eslint": "^1.0.3",
    "parcel-plugin-typescript": "0.2.0-angular.0",
    "postcss-modules": "^1.1.0",
    "prettier": "1.10.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.7.0",
    "typescript": "~2.4.2"
  }
}

this (and any separate ones of these changes) does not :

{
  "name": "myApp",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "parcel": "parcel",
    "start": "parcel ./src/index.html --no-cache",
    "build": "npm run-script build"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.0.0",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
    "core-js": "^2.4.1",
    "parcel-plugin-inlinesvg": "0.0.12",
    "rxjs": "^5.5.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.6.7",
    "@angular/compiler-cli": "^5.0.0",
    "@angular/language-service": "^5.0.0",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~9.4.0",
    "codelyzer": "^4.0.1",
    "eslint": "4.17.0",
    "eslint-config-prettier": "2.9.0",
    "eslint-plugin-prettier": "2.6.0",
    "jasmine-core": "~2.9.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "parcel-bundler": "^1.2.0",
    "parcel-plugin-eslint": "^1.0.3",
    "parcel-plugin-angular": "0.5.1-next.13",
    "postcss-modules": "^1.1.0",
    "prettier": "1.10.2",
    "protractor": "~5.3.0",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.7.1"
  }
}

tienne commented 6 years ago

here my package.json

{
  "name": "angular-parcel",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "parcel": "parcel",
    "start": "parcel ./src/index.html",
    "build": "parcel build ./src/index.html"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.2.3",
    "@angular/common": "^5.2.3",
    "@angular/compiler": "^5.2.3",
    "@angular/core": "^5.2.3",
    "@angular/forms": "^5.2.3",
    "@angular/http": "^5.2.3",
    "@angular/platform-browser": "^5.2.3",
    "@angular/platform-browser-dynamic": "^5.2.3",
    "@angular/router": "^5.2.3",
    "core-js": "^2.5.3",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.20"
  },
  "devDependencies": {
    "@angular/cli": "1.6.7",
    "@angular/compiler-cli": "^5.2.3",
    "@angular/language-service": "^5.2.3",
    "@types/jasmine": "^2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~9.4.0",
    "codelyzer": "^4.1.0",
    "jasmine-core": "~2.9.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.4.1",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "parcel-bundler": "^1.5.1",
    "parcel-plugin-angular": "^0.5.0",
    "protractor": "~5.3.0",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.6.1"
  }
}

tatsujb commented 6 years ago

so with :

{
  "name": "myApp",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "parcel": "parcel",
    "start": "parcel ./src/index.html --no-cache",
    "build": "npm run-script build"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.2.3",
    "@angular/common": "^5.2.3",
    "@angular/compiler": "^5.2.3",
    "@angular/core": "^5.2.3",
    "@angular/forms": "^5.2.3",
    "@angular/http": "^5.2.3",
    "@angular/platform-browser": "^5.2.3",
    "@angular/platform-browser-dynamic": "^5.2.3",
    "@angular/router": "^5.2.3",
    "parcel-plugin-inlinesvg": "0.0.12",
    "core-js": "^2.5.3",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.20"
  },
  "devDependencies": {
    "@angular/cli": "1.6.7",
    "@angular/compiler-cli": "^5.2.3",
    "@angular/language-service": "^5.2.3",
    "@types/jasmine": "^2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~9.4.0",
    "codelyzer": "^4.1.0",
    "eslint": "4.16.0",
    "eslint-config-prettier": "2.9.0",
    "eslint-plugin-prettier": "2.6.0",
    "jasmine-core": "~2.9.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.4.1",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "parcel-bundler": "^1.5.1",
    "parcel-plugin-angular": "^0.5.0",
    "postcss-modules": "^1.1.0",
    "protractor": "~5.3.0",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.6.1"
  }
}

I get this :

> parcel ./src/index.html

Server running at http://localhost:1234 
∞  Building...
{ Error: listen EACCES C:\Users\j_bard\AppData\Local\Temp\tmp-12880doCj03dI4VmC
    at Object._errnoException (util.js:1022:11)
    at _exceptionWithHostPort (util.js:1044:20)
    at Server.setupListenHandle [as _listen2] (net.js:1334:19)
    at listenInCluster (net.js:1392:12)
    at Server.listen (net.js:1487:5)
    at Function.listen (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\express\lib\application.js:618:24)
    at new Server (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\node_modules\parcel-plugin-typescript\build\ipc\server.js:27:14)
    at new AngularServer (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\index.js:74:9)
    at module.exports (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\index.js:22:24)
    at Bundler.loadPlugins (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-bundler\src\Bundler.js:135:17)
    at <anonymous>
  code: 'EACCES',
  errno: 'EACCES',
  syscall: 'listen',
  address: 'C:\\Users\\j_bard\\AppData\\Local\\Temp\\tmp-12880doCj03dI4VmC',
  port: -1 }
∞  Building index.html...∞  Building favicon.ico...∞  Building polyfills.ts...∞  Building main.ts...Unhandled promise rejection: RequestError: Error: connect EPERM /
    at new RequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\errors.js:14:15)
    at Request.plumbing.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:87:29)
    at Request.RP$callback [as _callback] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:46:31)
    at self.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:188:22)
    at emitOne (events.js:116:13)
    at Request.emit (events.js:211:7)
    at Request.onRequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:884:8)
    at emitOne (events.js:116:13)
    at ClientRequest.emit (events.js:211:7)
    at Socket.socketErrorListener (_http_client.js:387:9)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at emitErrorNT (internal/streams/destroy.js:64:8)
    at _combinedTickCallback (internal/process/next_tick.js:138:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
From previous event:
    at Request.plumbing.init (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:36:28)
    at Request.RP$initInterceptor [as init] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\configure\request2.js:41:27)
    at new Request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:130:8)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\index.js:54:10)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:8:32
    at Generator.next (<anonymous>)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:107:75
    at new Promise (<anonymous>)
    at Object.__awaiter (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:103:16)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:7:20)
    at Object.object.(anonymous function).data [as typeCheck] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:22:47)
    at TSAsset.<anonymous> (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\frontend\assets\jit.js:34:32)
    at Generator.next (<anonymous>)
    at fulfilled (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:104:62)
    at <anonymous>
Unhandled promise rejection: RequestError: Error: connect EPERM /
    at new RequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\errors.js:14:15)
    at Request.plumbing.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:87:29)
    at Request.RP$callback [as _callback] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:46:31)
    at self.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:188:22)
    at emitOne (events.js:116:13)
    at Request.emit (events.js:211:7)
    at Request.onRequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:884:8)
    at emitOne (events.js:116:13)
    at ClientRequest.emit (events.js:211:7)
    at Socket.socketErrorListener (_http_client.js:387:9)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at emitErrorNT (internal/streams/destroy.js:64:8)
    at _combinedTickCallback (internal/process/next_tick.js:138:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
From previous event:
    at Request.plumbing.init (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:36:28)
    at Request.RP$initInterceptor [as init] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\configure\request2.js:41:27)
    at new Request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:130:8)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\index.js:54:10)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:8:32
    at Generator.next (<anonymous>)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:107:75
    at new Promise (<anonymous>)
    at Object.__awaiter (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:103:16)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:7:20)
    at Object.object.(anonymous function).data [as typeCheck] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:22:47)
    at TSAsset.<anonymous> (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\frontend\assets\jit.js:34:32)
    at Generator.next (<anonymous>)
    at fulfilled (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:104:62)
    at <anonymous>
∞  Building app.module.ts...∞  Building environment.ts...Unhandled promise rejection: RequestError: Error: connect EPERM /
    at new RequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\errors.js:14:15)
    at Request.plumbing.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:87:29)
    at Request.RP$callback [as _callback] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:46:31)
    at self.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:188:22)
    at emitOne (events.js:116:13)
    at Request.emit (events.js:211:7)
    at Request.onRequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:884:8)
    at emitOne (events.js:116:13)
    at ClientRequest.emit (events.js:211:7)
    at Socket.socketErrorListener (_http_client.js:387:9)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at emitErrorNT (internal/streams/destroy.js:64:8)
    at _combinedTickCallback (internal/process/next_tick.js:138:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
From previous event:
    at Request.plumbing.init (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:36:28)
    at Request.RP$initInterceptor [as init] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\configure\request2.js:41:27)
    at new Request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:130:8)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\index.js:54:10)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:8:32
    at Generator.next (<anonymous>)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:107:75
    at new Promise (<anonymous>)
    at Object.__awaiter (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:103:16)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:7:20)
    at Object.object.(anonymous function).data [as typeCheck] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:22:47)
    at TSAsset.<anonymous> (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\frontend\assets\jit.js:34:32)
    at Generator.next (<anonymous>)
    at fulfilled (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:104:62)
    at <anonymous>
Unhandled promise rejection: RequestError: Error: connect EPERM /
    at new RequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\errors.js:14:15)
    at Request.plumbing.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:87:29)
    at Request.RP$callback [as _callback] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:46:31)
    at self.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:188:22)
    at emitOne (events.js:116:13)
    at Request.emit (events.js:211:7)
    at Request.onRequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:884:8)
    at emitOne (events.js:116:13)
    at ClientRequest.emit (events.js:211:7)
    at Socket.socketErrorListener (_http_client.js:387:9)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at emitErrorNT (internal/streams/destroy.js:64:8)
    at _combinedTickCallback (internal/process/next_tick.js:138:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
From previous event:
    at Request.plumbing.init (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:36:28)
    at Request.RP$initInterceptor [as init] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\configure\request2.js:41:27)
    at new Request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:130:8)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\index.js:54:10)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:8:32
    at Generator.next (<anonymous>)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:107:75
    at new Promise (<anonymous>)
    at Object.__awaiter (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:103:16)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:7:20)
    at Object.object.(anonymous function).data [as typeCheck] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:22:47)
    at TSAsset.<anonymous> (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\frontend\assets\jit.js:34:32)
    at Generator.next (<anonymous>)
    at fulfilled (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:104:62)
    at <anonymous>
∞  Building app.component.ts...∞  Building apiConnectService.ts...Unhandled promise rejection: RequestError: Error: connect EPERM /
    at new RequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\errors.js:14:15)
    at Request.plumbing.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:87:29)
    at Request.RP$callback [as _callback] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:46:31)
    at self.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:188:22)
    at emitOne (events.js:116:13)
    at Request.emit (events.js:211:7)
    at Request.onRequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:884:8)
    at emitOne (events.js:116:13)
    at ClientRequest.emit (events.js:211:7)
    at Socket.socketErrorListener (_http_client.js:387:9)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at emitErrorNT (internal/streams/destroy.js:64:8)
    at _combinedTickCallback (internal/process/next_tick.js:138:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
From previous event:
    at Request.plumbing.init (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:36:28)
    at Request.RP$initInterceptor [as init] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\configure\request2.js:41:27)
    at new Request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:130:8)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\index.js:54:10)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:8:32
    at Generator.next (<anonymous>)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:107:75
    at new Promise (<anonymous>)
    at Object.__awaiter (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:103:16)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:7:20)
    at Object.object.(anonymous function).data [as typeCheck] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:22:47)
    at TSAsset.<anonymous> (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\frontend\assets\jit.js:34:32)
    at Generator.next (<anonymous>)
    at fulfilled (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:104:62)
    at <anonymous>
Unhandled promise rejection: RequestError: Error: connect EPERM /
    at new RequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\errors.js:14:15)
    at Request.plumbing.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:87:29)
    at Request.RP$callback [as _callback] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:46:31)
    at self.callback (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:188:22)
    at emitOne (events.js:116:13)
    at Request.emit (events.js:211:7)
    at Request.onRequestError (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:884:8)
    at emitOne (events.js:116:13)
    at ClientRequest.emit (events.js:211:7)
    at Socket.socketErrorListener (_http_client.js:387:9)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at emitErrorNT (internal/streams/destroy.js:64:8)
    at _combinedTickCallback (internal/process/next_tick.js:138:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
From previous event:
    at Request.plumbing.init (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\lib\plumbing.js:36:28)
    at Request.RP$initInterceptor [as init] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request-promise-core\configure\request2.js:41:27)
    at new Request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\request.js:130:8)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\request\index.js:54:10)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:8:32
    at Generator.next (<anonymous>)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:107:75
    at new Promise (<anonymous>)
    at Object.__awaiter (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:103:16)
    at request (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:7:20)
    at Object.object.(anonymous function).data [as typeCheck] (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\backend\worker\client.js:22:47)
    at TSAsset.<anonymous> (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\parcel-plugin-angular\build\frontend\assets\jit.js:34:32)
    at Generator.next (<anonymous>)
    at fulfilled (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\tslib\tslib.js:104:62)
    at <anonymous>
∞  Building core.js...∞  Building platform-browser-dynamic.js...∞  Building zone.js...∞  Building reflect.js...∞  Building es7.reflect.define-metadata.js...∞  Building es7.reflect.get-metadata.js...∞  Building es7.reflect.delete-metadata.js...∞  Building es7.reflect.get-own-metadata.js...∞  Building es7.reflect.get-metadata-keys.js...∞  Building es7.reflect.get-own-metadata-keys.js...∞  Building es7.reflect.has-own-metadata.js...∞  Building es7.reflect.has-metadata.js...∞  Building es7.reflect.metadata.js...∞  Building _core.js...∞  Building _object-gpo.js...∞  Building _metadata.js...∞  Building _an-object.js...∞  Building es6.weak-map.js...∞  Building _shared.js...∞  Building es6.map.js...∞  Building _export.js...∞  Building _array-from-iterable.js...∞  Building es6.set.js...∞  Building _a-function.js...∞  Building _has.js...∞  Building _shared-key.js...∞  Building _to-object.js...∞  Building _is-object.js...∞  Building _array-methods.js...∞  Building _redefine.js...∞  Building _object-assign.js...∞  Building _meta.js...∞  Building _validate-collection.js...∞  Building _collection-weak.js...∞  Building _fails.js...∞  Building _global.js...∞  Building _collection.js...∞  Building _collection-strong.js...∞  Building _hide.js...∞  Building _ctx.js...∞  Building _for-of.js...∞  Building _uid.js...∞  Building _defined.js...∞  Building _array-species-create.js...∞  Building _to-length.js...∞  Building _iobject.js...∞  Building _object-keys.js...∞  Building _object-gops.js...∞  Building _object-pie.js...∞  Building _object-dp.js...∞  Building _an-instance.js...∞  Building _redefine-all.js...∞  Building _iter-detect.js...∞  Building _set-to-string-tag.js...∞  Building _inherit-if-required.js...∞  Building _set-species.js...∞  Building _object-create.js...∞  Building _iter-step.js...∞  Building _descriptors.js...∞  Building _property-desc.js...∞  Building core.get-iterator-method.js...∞  Building _iter-call.js...∞  Building _is-array-iter.js...∞  Building _iter-define.js...∞  Building _array-species-constructor.js...∞  Building _to-integer.js...∞  Building _cof.js...∞  Building _enum-bug-keys.js...∞  Building _object-keys-internal.js...∞  Building _ie8-dom-define.js...∞  Building _to-primitive.js...∞  Building _wks.js...∞  Building _set-proto.js...∞  Building _html.js...∞  Building _dom-create.js...∞  Building _object-dps.js...∞  Building _iterators.js...∞  Building _iter-create.js...∞  Building _classof.js...∞  Building _library.js...∞  Building _is-array.js...∞  Building _to-iobject.js...∞  Building _array-includes.js...∞  Building _object-gopd.js...∞  Building _to-absolute-index.js...∞  Building platform-browser.js...∞  Building http.js...∞  Building tslib.es6.js...∞  Building Observable.js...∞  Building Subject.js...∞  Building common.js...∞  Building compiler.js...∞  Building merge.js...∞  Building share.js...∞  Building root.js...∞  Building pipe.js...∞  Building toSubscriber.js...∞  Building mergeAll.js...∞  Building observable.js...∞  Building isScheduler.js...∞  Building ArrayObservable.js...∞  Building Subscriber.js...∞  Building Subscription.js...∞  Building SubjectSubscription.js...∞  Building ObjectUnsubscribedError.js...∞  Building share.js...∞  Building rxSubscriber.js...∞  Building noop.js...∞  Building identity.js...∞  Building mergeMap.js...∞  Building tryCatch.js...∞  Building isArray.js...∞  Building isObject.js...∞  Building isFunction.js...∞  Building errorObject.js...∞  Building UnsubscriptionError.js...∞  Building Observer.js...∞  Building EmptyObservable.js...∞  Building ScalarObservable.js...∞  Building refCount.js...∞  Building multicast.js...∞  Building OuterSubscriber.js...∞  Building subscribeToResult.js...∞  Building ConnectableObservable.js...∞  Building InnerSubscriber.js...∞  Building isPromise.js...∞  Building isArrayLike.js...∞  Building iterator.js...∞  Building of.js...∞  Building filter.js...∞  Building map.js...∞  Building concatMap.js...∞  Building filter.js...∞  Building map.js...∞  Building concatMap.js...npm+ postcss-modules@1.1.0
∞  Building .postcssrc...∞  Building airConnectLogo.png...∞  Building airConnectText.png...×  C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\src\app\app.component.ts: Cannot resolve dependency './{{airConnectText}}' at 'C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\src\app\{{airConnectText}}'    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\browser-resolve\node_modules\resolve\lib\async.js:55:21
    at load (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\browser-resolve\node_modules\resolve\lib\async.js:69:43)
    at onex (C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\browser-resolve\node_modules\resolve\lib\async.js:92:31)
    at C:\Users\j_bard\WebstormProjects\AirConnect\web\web.ui\node_modules\browser-resolve\node_modules\resolve\lib\async.js:22:47
    at FSReqWrap.oncomplete (fs.js:152:21)

tienne commented 6 years ago

What is your node version?

tatsujb commented 6 years ago

PS C:\Users\j_bard> node --version
v8.9.4

tienne commented 6 years ago

restart after delete node_module / package-lock.json and then reinstall?

tatsujb commented 6 years ago

yup

tienne commented 6 years ago

can i see your project or repo?

tatsujb commented 6 years ago

I've since then tried with a new stack and ran into a new issue. here's the issue : https://github.com/fathyb/parcel-plugin-angular/issues/3

here's the repo : https://github.com/tatsujb/ParcelAngularScss

as you can see ng serve compiles with scss while parcel ./src/index.html --no-cache does not. and has some errors.

tienne commented 6 years ago

I finded why your project not working parcel-plugin-angular is Prerequisites parcel-plugin-typescript should not install and index.html ts link should not commented

see pull log : https://github.com/tatsujb/ParcelAngularScss/pull/1

tatsujb commented 6 years ago

I merged it and added you to the repo. did you try to run those changes? I get a blank page.

tienne commented 6 years ago

yes

but your code AppComponent constructor not working I commented out the code for run application

https://github.com/tatsujb/ParcelAngularScss/blob/feature/us9/src/app/app.component.ts#L12L13

export class AppComponent {

  constructor( /*private api: ApiConnectService*/ ) {
    //this.api.getServerDate();
  }
}

tatsujb commented 6 years ago

ok thanks! but I still get a blank page that crashes after awhile. (can't even open the browser console because it's lagging so much) the build log seems fine albeit for this :

> web.ui@0.0.0 start C:\Users\j_bard\WebstormProjects\ParcelAngularScss
> parcel src/index.html

Server running at http://localhost:1234 
√  Built in 5.74s.
‼ Error: Cannot find module 'parcel-plugin-typescript/exports'

also you updated your own project and i tried it but you seem to have added mandatory yarn support, which is causing me to run into this issue: https://github.com/yarnpkg/yarn/issues/841

could you remove yarn on your repo?

tienne / angular-parcel

🙋 feature : up-to-date #1