Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular 4 – webpack:等到捆绑完毕:/大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_673_4@ 我正在使用Angular-Cli,我使用Ncu工具更新了所有的package.json.现在当我进行npm启动时(webpack-dev-server –port 4200 –config config / webpack.dev.js –open –progress –profile –watch –content-base src /),webpack挂起在

是否有可能隔离导致问题的包装?我尝试使用display-error-details标志,但它说它不被识别.我认为即使设置它也会有所帮助.没有抛出任何错误,只是要求您无限期地等待.

{
"name": "angular2-webpack-starter","version": "5.4.1","description": "An Angular 2 Webpack Starter kit featuring Angular 2 (Router,http,Forms,services,Tests,E2E,CoveragE),Karma,Protractor,Jasmine,Istanbul,TypeScript,and Webpack by AngularClass","keywords": [
    "angular2","webpack","typescript"
],"author": "Patrick Stapleton <patrick@angularclass.com>","homepage": "https://github.com/angularclass/angular2-webpack-starter","license": "MIT","scripts": {
    "build:aot:prod": "npm run clean:dist && npm run clean:aot && webpack --config config/webpack.prod.js  --progress --profile --bail","build:aot": "npm run build:aot:prod","build:docker": "npm run build:prod && docker build -t angular2-webpack-start:latest .","build:local": "npm run clean:dist && webpack --config config/webpack.dev.js --progress --profile","build:prod": "npm run clean:dist && webpack --config config/webpack.prod.js  --progress --profile --bail","appconfigtransform:local": "mustache config/app.config.local.json config/app.config.template.ts > src/app/app.config.ts","appconfigtransform:dev": "mustache config/app.config.dev.json config/app.config.template.ts > src/app/app.config.ts","appconfigtransform:test": "mustache config/app.config.test.json config/app.config.template.ts > src/app/app.config.ts","appconfigtransform:prod": "mustache config/app.config.prod.json config/app.config.template.ts > src/app/app.config.ts","build": "npm run build:local","ci:aot": "npm run lint && npm run test && npm run build:aot && npm run e2e","ci:jit": "npm run lint && npm run test && npm run build:prod && npm run e2e","ci:nobuild": "npm run lint && npm test && npm run e2e","ci:testall": "npm run lint && npm run test && npm run build:prod && npm run e2e && npm run build:aot && npm run e2e","ci:travis": "npm run lint && npm run test && npm run build:aot && npm run e2e:travis","ci": "npm run ci:testall","clean:dll": "npm run rimraf -- dll","clean:aot": "npm run rimraf -- compiled","clean:dist": "npm run rimraf -- dist","clean:install": "npm set progress=false && npm install","clean": "npm cache clean && npm run rimraf -- node_modules doc coverage dist compiled dll","docker": "docker","docs": "npm run typedoc -- --options typedoc.json --exclude '**/*.spec.ts' ./src/","e2e:live": "npm-run-all -p -r server:prod:ci protractor:live","e2e:travis": "npm-run-all -p -r server:prod:ci protractor:delay","e2e": "npm-run-all -p -r server:prod:ci protractor","github-deploy:dev": "webpack --config config/webpack.github-deploy.js --progress --profile --env.githubDev","github-deploy:prod": "webpack --config config/webpack.github-deploy.js --progress --profile --env.githubProd","github-deploy": "npm run github-deploy:dev","lint": "npm run tslint --force \"src/**/*.ts\"","posTinstall": "npm run webdriver:update","postversion": "git push && git push --tags","preclean:install": "npm run clean","preversion": "npm test","protractor": "protractor","protractor:delay": "sleep 3 && npm run protractor","protractor:live": "protractor --elementexplorer","rimraf": "rimraf","server:dev:hmr": "npm run server:dev -- --inline --hot","server:dev": "webpack-dev-server --port 4200 --config config/webpack.dev.js --open --progress --profile --watch --content-base src/","server:prod": "http-server dist -c-1 --cors","server:prod:ci": "http-server dist -p 3000 -c-1 --cors","server": "npm run server:dev","start:hmr": "npm run server:dev:hmr","start": "npm run server:dev","test": "npm run lint && karma start","tslint": "tslint","typedoc": "typedoc","version": "npm run build","watch:dev:hmr": "npm run watch:dev -- --hot","watch:dev": "npm run build:dev -- --watch","watch:prod": "npm run build:prod -- --watch","watch:test": "npm run test -- --auto-watch --no-single-run","watch": "npm run watch:dev","webdriver-manager": "webdriver-manager","webdriver:start": "npm run webdriver-manager start","webdriver:update": "webdriver-manager update","webpack-dev-server": "webpack-dev-server","webpack": "webpack","updatestart": "npm run update && npm run server:dev"
},"dependencies": {
    "@angular/animations": "4.3.0","@angular/common": "4.3.0","@angular/compiler": "4.3.0","@angular/core": "4.3.0","@angular/forms": "4.3.0","@angular/http": "4.3.0","@angular/platform-browser": "4.3.0","@angular/platform-browser-dynamic": "4.3.0","@angular/platform-server": "4.3.0","@angular/router": "4.3.0","@angularclass/conventions-loader": "1.0.13","@angularclass/hmr": "2.1.3","@angularclass/hmr-loader": "3.0.3","@types/dragula": "^2.1.31","angular-sortablejs": "^2.0.6","bootstrap-sass": "3.3.7","classlist-polyfill": "^1.2.0","core-js": "2.4.1","font-awesome": "4.7.0","font-awesome-sass-loader": "2.0.1","http-server": "0.10.0","ie-shim": "0.1.0","jasmine-core": "2.6.4","mustache": "^2.3.0","ng2-appinsights": "0.5.0","ngx-bootstrap": "1.7.1","reflect-Metadata": "0.1.10","rxjs": "5.4.2","sortablejs": "^1.6.0","zone.js": "0.8.13"
},"devDependencies": {
    "@angular/compiler-cli": "4.3.0","@types/hAMMerjs": "2.0.34","@types/jasmine": "2.5.53","@types/node": "8.0.14","@types/SELEnium-webdriver": "~3.0.4","@types/source-map": "0.5.0","@types/uglify-js": "2.6.29","@types/webpack": "3.0.4","add-asset-html-webpack-plugin": "2.0.1","angular2-template-loader": "0.6.2","assets-webpack-plugin": "3.5.1","awesome-typescript-loader": "~3.2.1","codelyzer": "~3.1.2","copy-webpack-plugin": "4.0.1","css-loader": "0.28.4","css-to-String-loader": "0.1.3","exports-loader": "0.6.4","expose-loader": "0.7.3","extract-text-webpack-plugin": "~3.0.0","file-loader": "0.11.2","find-root": "1.1.0","gh-pages": "1.0.0","html-webpack-plugin": "2.29.0","imports-loader": "0.7.1","istanbul-@R_675_8566@umenter-loader": "2.0.0","json-loader": "0.5.4","karma": "1.7.0","karma-chrome-launcher": "2.2.0","karma-coverage": "1.1.1","karma-jasmine": "1.1.0","karma-mocha-reporter": "2.2.3","karma-remap-coverage": "0.1.4","karma-phantomjs-launcher": "^1.0.4","karma-sourcemap-loader": "0.3.7","karma-webpack": "2.0.4","ng-router-loader": "2.1.0","ngc-webpack": "2.0.0","node-sass": "4.5.3","npm-run-all": "4.0.2","optimize-js-plugin": "0.0.4","parse5": "3.0.2","protractor": "5.1.2","raw-loader": "0.5.1","resolve-url-loader": "2.1.0","rimraf": "~2.6.0","sass-loader": "6.0.3","script-ext-html-webpack-plugin": "1.8.5","source-map-loader": "0.2.1","String-replace-loader": "1.3.0","style-loader": "0.18.2","to-String-loader": "1.1.5","ts-node": "3.2.0","tslib": "1.7.1","tslint": "~5.5.0","tslint-loader": "3.5.3","typedoc": "0.7.1","typescript": "~2.4.1","url-loader": "0.5.9","webpack": "3.3.0","webpack-dev-middleware": "1.11.0","webpack-dev-server": "2.5.1","webpack-dll-bundles-plugin": "1.0.0-beta.5","webpack-merge": "~4.1.0"
},"repository": {
    "type": "git","url": "https://github.com/angularclass/angular2-webpack-starter.git"
},"bugs": {
    "url": "https://github.com/angularclass/angular2-webpack-starter/issues"
},"ENGInes": {
    "node": ">= 4.2.1","npm": ">= 3"
}

}

解决方法

我有 angular-starter的类似问题,我之后能够删除错误

>升级节点和npm到lastes版本(仍然是错误)
>删除node_modules
> npm cache clean –force
> npm install(仍然是错误的)
> npm rebuild node-sass –force(仍然是错误的)
>这很关键(令人惊讶):通过npm run build:aot构建应用程序

完成此步骤之后webpack:npm start命令开始正常工作而不是挂起.

大佬总结

以上是大佬教程为你收集整理的Angular 4 – webpack:等到捆绑完毕:/全部内容,希望文章能够帮你解决Angular 4 – webpack:等到捆绑完毕:/所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。