在index.html文件中多次生成相同的脚本文件,我最近将项目升级到了Angular 8.0.2版本
升级 Angular 版本后,在 index.html
文件中遇到此复制问题。
This is
JavaDemoProject
java project, i run the angular application with thisjavaproject
with the help ofpom.xml
fileI build the project through maven command(
mvn clean install -Penv-dev -DskipTests -DbuildNumber=04
)
pom.xml
文件<plugin> <groupId>com.github.testDemo</groupId> <artifactId>frontend-maven-plugin</artifactId> <version>1.6</version> <configuration> <workingDirectory>../Angular-Project</workingDirectory> <installDirectory>temp</installDirectory> </configuration> <executions> <!-- It will install nodejs and yarn --> <execution> <id>install node and yarn</id> <goals> <goal>install-node-and-yarn</goal> </goals> <configuration> <nodeVersion>v11.7.0</nodeVersion> <yarnVersion>v1.9.4</yarnVersion> </configuration> </execution> <!-- It will execute command "yarn install" inside "/angular" directory --> <execution> <id>yarn install</id> <goals> <goal>yarn</goal> </goals> <configuration> <arguments>install</arguments> </configuration> </execution> <!-- It will execute command "yarn build" inside "/angular" directory to clean and create "/dist" directory --> <execution> <id>yarn javaDemoprod </id> <goals> <goal>yarn</goal> </goals> <configuration> <arguments>javaDemoprod --outputPath=../JavaDemoProject/ src/main/resources/templates/dist</arguments> </configuration> </execution> </executions> </plugin>
tsconfig.json
文件:{ "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "module": "commonjs", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "target": "es2015", "typeRoots": [ "node_modules/@types" ], "lib": [ "es2017", "dom" ], "resolveJsonModule": true, "esModuleInterop": true } }
这是
angular.json
文件:"build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/Angular-Project", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.app.json", "showCircularDependencies": false, "assets": [ "src/favicon.ico", "src/eg.ico", "src/assets" ], "styles": [ "src/styles.scss" ], "scripts": [], "aot": true } }
Package.json
"dependencies": { "@angular/animations": "^8.0.1", "@angular/cdk": "^8.0.1", "@angular/common": "^8.0.1", "@angular/compiler": "^8.0.1", "@angular/core": "^8.0.1", "@angular/forms": "^8.0.1", "@angular/material": "^8.0.1", "@angular/platform-browser": "^8.0.0", "@angular/platform-browser-dynamic": "^8.0.1", "@angular/router": "^8.0.1", "core-js": "^2.5.4", "hammerjs": "^2.0.8", "ngx-loading": "^3.0.1", "node-sass": "^4.10.0", "rxjs": "6.5.2", "underscore": "^1.9.1", "zone.js": "~0.9.1" }, "devDependencies": { "@angular-devkit/build-angular": "~0.800.0", "@angular/cli": "~8.0.2", "@angular/compiler-cli": "^8.0.1", "@angular/language-service": "^8.0.1", "@types/jasmine": "~2.8.6", "@types/jasminewd2": "~2.0.3", "@types/node": "~8.9.4", "bootstrap-sass": "^3.3.7", "codelyzer": "^5.0.1", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~1.7.1", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.0", "karma-jasmine": "~1.1.1", "karma-jasmine-html-reporter": "^0.2.2", "karma-scss-preprocessor": "^3.0.0", "protractor": "~5.3.0", "ts-node": "~5.0.1", "tslint": "~5.9.1", "typescript": "~3.4.5" }
After build the application in
index.html
path of the fileJavaDemoProject\src\main\resources\templates\dist\index.html
am getting this replication ofscript
files, how can i prevent this replicatescript
files.
<body>
<app-root></app-root>
<script src="runtime-es2015.js" type="module"></script>
<script src="polyfills-es2015.js" type="module"></script>
<script src="runtime-es5.js" nomodule></script>
<script src="polyfills-es5.js" nomodule></script>
<script src="styles-es2015.js" type="module"></script>
<script src="styles-es5.js" nomodule></script>
<script src="vendor-es2015.js" type="module"></script>
<script src="main-es2015.js" type="module"></script>
<script src="vendor-es5.js" nomodule></script>
<script src="main-es5.js" nomodule></script>
</body>
This replications of script file am getting the output of the application showing
This page isn't working...
ERR_TOO_MANY_REDIRECTS
谁能帮我解决这个问题。 提前致谢。
最佳答案
您能够看到的脚本是因为差异加载功能。 Angular 8 有一个新功能,可以为旧浏览器和新浏览器生成单独的 bundle 。 您可以控制要支持的浏览器,您可以阅读有关此功能的更多信息 https://angular.io/guide/deployment#differential-loading
关于java - 为什么让 `This page isn' t 工作... ERR_TOO_MANY_REDIRECTS`?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56929757/