AllowJS 不能在 Angular 上工作答案

【问题标题】：AllowJS not working on AngularAllowJS 不能在 Angular 上工作
【发布时间】：2018-01-23 19:29:05
【问题描述】：

我的 Angular 项目中包含 JS 文件/库，它位于我的资产文件夹中。以前在 Angular 4 或 2 上，我在编译器选项中将 AllowJS 设置为 true 没有问题，但是当我更新到 Angular 5（CLI + Typescript）时它不起作用，它说

error TS5055: Cannot write file '<a path/afile.js>' because it would overwrite input file.

在ng serve or ng build 上仅包含allowJS（我的打字稿文件上没有导入）会触发错误。此外，删除它成功地服务/构建了我的项目，但我需要 allowJS。

这是我的 tsconfig.app.json

    {
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "allowJs": true,
    "outDir": "../out-tsc/app",
    "baseUrl": "./",
    "module": "es2015",
    "types": []

  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

这是我的 Angular 版本 + 其他信息

Angular CLI: 1.5.4
Node: 8.9.1
OS: win32 x64
Angular: 5.0.0
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic
... platform-server, router

@angular/cdk: 5.0.0-rc.1-6e865b7
@angular/cli: 1.5.4
@angular/language-service: 4.4.6
@angular/material: 5.0.0-rc.1-6e865b7
@angular-devkit/core: 0.0.21
@angular-devkit/schematics: 0.0.37
@schematics/angular: 0.1.7
typescript: 2.4.2
webpack: error

请帮助，因为其他 solution 和 this 不起作用。谢谢！

【问题讨论】：

同样的问题。
能否在 github repo 上提供最小的基础项目源产生错误，以便我们重现和检查？

标签： angular typescript

【解决方案1】：

我的工作正常

tsconfig.json

{
 "compileOnSave": false,
 "compilerOptions": {
 "declaration": false,
 "emitDecoratorMetadata": true,
 "experimentalDecorators": true,
 "module": "commonjs",
 "moduleResolution": "node",
 "outDir": "../dist/out-tsc-e2e",
 "sourceMap": true,
 "target": "es5",
 "allowJs": true,
 "typeRoots": [
   "../node_modules/@types"
 ]
}}

角度版本：

  / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
 / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
/ ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
              |___/

Angular CLI: 1.6.0
Node: 9.3.0
OS: linux x64
Angular: 5.1.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.0
@angular-devkit/build-optimizer: 0.0.36
@angular-devkit/core: 0.0.22
@angular-devkit/schematics: 0.0.42
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.0
@schematics/angular: 0.1.11
@schematics/schematics: 0.0.11
typescript: 2.4.2
webpack: 3.10.0

【讨论】：

您的源文件夹中有 .js 文件吗？
你检查了吗？