加载块模块失败：升级到Angular 7

编程问答 2022-06-11

问题描述

我的应用程序托管在IIS上。升级到Angular 7后，出现错误“加载块模块失败”。 似乎不是从dist /文件夹中获取文件，而是尝试从根文件夹中获取文件。 .js文件是在dist /文件夹中创建的。

enter image description here

这是我的index.html：

<!doctype HTML>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>ABClth</title>
  <base href="/">

  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

这是我的angular.json文件：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json","version": 1,"newProjectRoot": "projects","projects": {
    "abc": {
      "root": "","sourceRoot": "src","projectType": "application","prefix": "app","schematics": {},"targets": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser","options": {
            "outputPath": "dist","index": "src/index.html","main": "src/main.ts","polyfills": "src/polyfills.ts","tsConfig": "src/tsconfig.app.json","assets": [
              "src/favicon.ico","src/assets"
            ],"styles": [
              "src/styles/site.scss"
            ],"scripts": []
          },"configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts","with": "src/environments/environment.prod.ts"
                }
              ],"optimization": true,"outputHashing": "all","sourceMap": false,"extractCss": true,"namedChunks": false,"aot": true,"extractLicenses": true,"vendorChunk": false,"buildOptimizer": true
            }
          }
        },"serve": {
          "builder": "@angular-devkit/build-angular:dev-server","options": {
            "browserTarget": "abc:build"
          },"configurations": {
            "production": {
              "browserTarget": "abc:build:production"
            }
          }
        },"extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n","options": {
            "browserTarget": "abc:build"
          }
        },"test": {
          "builder": "@angular-devkit/build-angular:karma","options": {
            "main": "src/test.ts","tsConfig": "src/tsconfig.spec.json","karmaConfig": "src/karma.conf.js","styles": [
              "src/styles.css"
            ],"scripts": [],"src/assets"
            ]
          }
        },"lint": {
          "builder": "@angular-devkit/build-angular:tslint","options": {
            "tsConfig": [
              "src/tsconfig.app.json","src/tsconfig.spec.json"
            ],"exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    },"abc-e2e": {
      "root": "e2e/","targets": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor","options": {
            "protractorConfig": "e2e/protractor.conf.js","devServerTarget": "abc:serve"
          },"configurations": {
            "production": {
              "devServerTarget": "abc:serve:production"
            }
          }
        },"options": {
            "tsConfig": "e2e/tsconfig.e2e.json","exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    }
  },"defaultProject": "abc"
}

这是我的ts.config文件。

{
  "compileOnSave": false,"compilerOptions": {
    "baseUrl": "./","outDir": "./dist/out-tsc","sourceMap": true,"declaration": false,"module": "es2015","moduleResolution": "node","emitDecoratorMetadata": true,"experimentalDecorators": true,"target": "es5","skipLibCheck": true,"typeRoots": [
      "node_modules/@types"
    ],"lib": [
      "es2017","dom"
    ],"esModuleInterop": true,"resolveJsonModule": true,"allowSyntheticDefaultImports": true
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangular7iisiisupgrade