Awesome typescript loader - webpack errors

Awesome typescript loader - webpack errors
2017-01-01T12:52:38+01:00
2017-04-07T14:07:13+02:00
2022-10-15T22:01:06+02:00
ZoliKa1988
Sziasztok,

Egy MEAN2-es rendszer összerakásán dolgozom, ami a szerveren előrendereli az oldalakat az alkalmazás első betöltésekor (seo és social pluginok miatt).

A webpacknek a "dist" mappába egy "client" és egy "server" mappát kellene legyártani, de csak a "server" mappáig jut el.

A problémám az, hogy a webpack az "npm start" után "[at-loader] Checking finished with 17 errors" hibát dob.

Nem nulláról kezdtem a munkát hanem ezt alakítom át scotch-io/angular2-universal

A hiba az után keletkezett, hogy frissítettem a package.json-ben az elemeket.

jelenleg így néz ki:

{ "name": "universal-starter", "version": "2.0.0", "description": "Angular 2 Universal starter kit by @AngularClass", "repository": { "type": "git", "url": "https://github.com/angular/universal-starter.git" }, "scripts": { "watch": "webpack --watch", "watch:dev": "npm run server & npm run watch", "clean:dist": "rimraf dist", "clean:ngc": "rimraf **/*.ngfactory.ts **/*.css.shim.ts", "prebuild": "npm run clean:dist", "build": "webpack --progress", "build:prod:ngc": "npm run clean:ngc && npm run ngc && npm run clean:dist && npm run build:prod", "build:prod:ngc:json": "npm run clean:ngc && npm run ngc && npm run clean:dist && npm run build:prod:json", "build:prod": "webpack --config webpack.prod.config.ts", "build:prod:json": "webpack --config webpack.prod.config.ts --json | webpack-bundle-size-analyzer", "ngc": "ngc -p tsconfig.aot.json", "prestart": "npm run build", "server": "nodemon dist/server/index.js", "debug:server": "node-nightly --inspect --debug-brk dist/server/index.js", "start": "npm run server", "debug:start": "npm run build && npm run debug:server", "predebug": "npm run build", "debug:build": "node-nightly --inspect --debug-brk node_modules/webpack/bin/webpack.js", "debug:build:prod": "node-nightly --inspect --debug-brk node_modules/webpack/bin/webpack.js --config webpack.prod.config.ts", "debug": "node --debug-brk dist/server/index.js" }, "license": "MIT", "contributors": [ "AngularClass <hello@angularclass.com>", "PatrickJS <patrick@angularclass.com>", "Jeff Whelpley <jeff@gethuman.com>", "Jeff Cross <crossj@google.com>", "Mark Pieszak <mpieszak84@gmail.com>" ], "dependencies": { "@angular/common": "~2.4.1", "@angular/compiler": "~2.4.1", "@angular/compiler-cli": "~2.4.1", "@angular/core": "~2.4.1", "@angular/forms": "~2.4.1", "@angular/http": "~2.4.1", "@angular/platform-browser": "~2.4.1", "@angular/platform-browser-dynamic": "~2.4.1", "@angular/platform-server": "~2.4.1", "@angular/router": "~3.4.1", "@angular/upgrade": "~2.4.1", "@angularclass/bootloader": "~1.0.1", "@angularclass/idle-preload": "~1.0.4", "angular2-express-engine": "~2.1.0-rc.1", "angular2-platform-node": "~2.1.0-rc.1", "angular2-universal": "~2.1.0-rc.1", "angular2-universal-polyfills": "~2.1.0-rc.1", "body-parser": "^1.15.2", "compression": "^1.6.2", "express": "^4.14.0", "js.clone": "0.0.3", "methods": "~1.1.2", "morgan": "^1.7.0", "preboot": "~4.5.2", "rxjs": "5.0.2", "webfontloader": "^1.6.26", "zone.js": "~0.7.4" }, "devDependencies": { "@types/morgan": "^1.7.32", "@types/body-parser": "0.0.33", "@types/compression": "0.0.33", "@types/cookie-parser": "^1.3.29", "@types/express": "^4.0.32", "@types/express-serve-static-core": "^4.0.33", "@types/hammerjs": "^2.0.32", "@types/memory-cache": "0.0.29", "@types/mime": "0.0.29", "@types/node": "^6.0.38", "@types/serve-static": "^1.7.27", "@types/webfontloader": "^1.6.27", "@ngtools/webpack": "~1.2.1", "accepts": "^1.3.3", "angular2-template-loader": "^0.6.0", "awesome-typescript-loader": "^3.0.0-beta.17", "cookie-parser": "^1.4.3", "express-interceptor": "^1.2.0", "iltorb": "^1.0.13", "imports-loader": "^0.7.0", "json-loader": "^0.5.4", "memory-cache": "^0.1.6", "nodemon": "^1.10.0", "raw-loader": "^0.5.1", "reflect-metadata": "0.1.9", "rimraf": "^2.5.4", "string-replace-loader": "^1.0.5", "ts-helpers": "^1.1.2", "ts-node": "^2.0.0", "typescript": "2.1.4", "v8-lazy-parse-webpack-plugin": "^0.3.0", "webpack": "2.1.0-beta.27", "webpack-bundle-analyzer": "2.2.1", "webpack-dev-middleware": "^1.8.4", "webpack-dev-server": "2.1.0-beta.11", "webpack-merge": "~2.0.0" } }
Sok elem frissült a package.json-ben, gondoltam összeakadt valamivel az awesome typescript loader, vagy már a 3.* verziókban máshogy kell a webpack config fájljában meghívni (eredetileg 2.2.4-volt).

A Google turkálása utána arra jutottam, hogy elvileg a magasabb verziószám miatt semmit se kell átírnom a webpack-ben.

Még gyanakodtam arra, hogy az "angular2-template-loader"-el akad össze, de elvileg azzal se kéne neki.

A legnagyobb gondom, hogy azt se tudom, hogyan lehetséges (ha egyáltalán lehetséges) megnézni hogy mi ez a 17 hiba.

A segítségeket előre is köszönöm!
Mutasd a teljes hozzászólást!
Csatolt állomány
A legnagyobb gondom, hogy azt se tudom, hogyan lehetséges (ha egyáltalán lehetséges) megnézni hogy mi ez a 17 hiba.

A terminál ablakon pörgessed fel a kurzort, ott kell lennie a különböző hibáknak.

Miután próbáltam telepíteni a csomagokat az új package.json-nal a követlkező hibát láttam:

── UNMET PEER DEPENDENCY zone.js@0.7.4

Viszont ennek ellenére is simán elindult Linux alatt.
Nálam viszont van egy csomó -g telepítés is, pl.  babel.
Mutasd a teljes hozzászólást!

  • Szia,

    Köszi a választ!

    Angol nyelvű forumokon nagynehezen találtam félinformációkat, amikből azt a következtetést vontam le, hogy gyakorlatilag meg kell várni az "angular2-universal" frissítéseket...

    Van friss verzió angular 4-hez, így gyakorlatilag a problámám tárgytalan. Frissítettem az egészet az új verzióra.
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd