App.component.ts不在tsconfig.json定义的项目中

Question

所以我得到这个错误:

文件C:/wamp/www/angular2_demo/GiphySearch/src/app/app.component.tsis不在定义的项目中C:/里面/www/angular2_demo/GiphySearch/e2e/ tsconfig.json

文件夹结构是

/
/e2e/tsconfig.json
/src
(others)

tsconfig.js有以下内容

{
  "compileOnSave": false,
  "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "mapRoot": "",
    "module": "commonjs",
    "moduleResolution": "node",
    "noEmitOnError": true,
    "noImplicitAny": false,
    "rootDir": ".",
    "sourceMap": true,
    "sourceRoot": "/",
    "target": "es5"
  }
}

我尝试改变rootDir或sourceRoot被定义为../或../src或/src，但没有任何工作。应该如何正确配置?

Answer 1

NetBeans项目可能被设置为索引整个ng2-cli目录作为一个单一的源根，这破坏了这个插件，因为有多个tsconfig。目录下的Json文件(一个在src/，一个在e2e/)。

在项目属性中，在"Sources"类别下，将"Site Root Folder"one_answers"Source Folder"设置为src。(如果您也想编辑"Selenium Tests Folder"，也可以将其设置为e2e)。

Answer 2

在tsconfig中定义。json文档:

是否存在tsconfig。

您的tsconfig.json在您的e2e目录中，而不是在src目录中，根据上面的链接，它应该在src目录中。

我也注意到，你有"sourceRoot": "/",会改变它的./帮助吗?

Answer 3

我有同样的问题，我将"outDir": "."替换为"outDir": ""。

这是我当前的tsconfig.json:

{
    "compileOnSave": true,
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "outDir": "",  
        "rootDir": "./_src/",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": true,
        "moduleResolution": "node",
        "noImplicitAny": false
    },
    "include" : [
        "_src/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

Answer 4

看看这个!这对我很有用。

 {
  "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "moduleResolution": "node",
      "sourceMap": true,
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "lib": [ "es2015", "dom" ],
      "noImplicitAny": true,
      "suppressImplicitAnyIndexErrors": true
  },
  "files": [
      "../src/app/app.component.ts",
      "../src/app/app.component.spec.ts",
      "../src/app/app.module.ts"
  ]
}