java - 为什么让 `This page isn' t 工作... ERR_TOO_MANY_REDIRECTS`？

Question

在index.html文件中多次生成相同的脚本文件，我最近将项目升级到了Angular 8.0.2版本

升级 Angular 版本后，在 index.html 文件中遇到此复制问题。

This is JavaDemoProject java project, i run the angular application with this javaproject with the help of pom.xml file

I 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 file JavaDemoProject\src\main\resources\templates\dist\index.html am getting this replication of script files, how can i prevent this replicate script 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

谁能帮我解决这个问题。提前致谢。

Answer 1

您能够看到的脚本是因为差异加载功能。Angular 8 有一个新功能，可以为旧浏览器和新浏览器生成单独的 bundle 。您可以控制要支持的浏览器，您可以阅读有关此功能的更多信息 https://angular.io/guide/deployment#differential-loading