javascript - Angular 11 面临加载 js 文件的问题：未捕获的语法错误：无法在模块外使用 import 语句

Question

当我在 angular.json 文件中加载 js 文件时，面临 Uncaught SyntaxError 中的问题：无法在模块外使用 import 语句

参考 angular.json

"styles": [
              "src/assets/scss/app.scss",
              "src/styles.scss"
            ],
            "scripts": [
              "src/assets/js/app.js"
            ]

tsconfig.json 文件

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "module": "es2020",
    "esModuleInterop": true,
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false,
    "strictInjectionParameters": true,
    "strictInputAccessModifiers": true,
    "strictTemplates": true
  }
}

标签： javascriptangular