Question

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

升级角度版本后，index.html文件中出现此复制问题。

这是JavaDemoProject Java项目，我在javaproject文件的帮助下与此pom.xml运行了角度应用程序

我通过maven命令（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"
}

在应用程序的index.html路径中构建应用程序之后文件JavaDemoProject\src\main\resources\templates\dist\index.html正在获得script文件的此复制，我如何防止此复制script文件。

<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 page isn't working...
ERR_TOO_MANY_REDIRECTS

谁能帮我解决这个问题。预先感谢。

Answer 1

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

为什么要获取“此页面不起作用... ERR_TOO_MANY_REDIRECTS”？

1 个答案: