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

时间:2016-08-19 10:33:12

标签: netbeans angular typescript

所以我收到了这个错误:

  

文件C:/ wamp / www / angular2_demo / GiphySearch / src / app / app.component.ts 是   不在定义的项目中   C:/瓦帕/网络/ 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"
  }
}

我尝试将rootDirsourceRoot更改为../../src/src,但没有任何效果。应该如何正确配置?

4 个答案:

答案 0 :(得分:2)

NetBeans项目可能设置为将整个ng2-cli目录编入索引作为单个源根目录,这会破坏此插件,因为它下面有多个tsconfig.json文件(一个在src /中,一个在e2e /中) )。

在项目属性中,在" Sources"类别,设置"站点根文件夹"和"源文件夹"到src。 (如果你想编辑它,你也可以设置" Selenium Tests Folder"到e2e。)

答案 1 :(得分:1)

在tsconfig.json documentation上定义:

  

目录中存在tsconfig.json文件表明该目录是TypeScript项目的根目录。

你的e2e目录中有tsconfig.json,而不是src目录,根据上面的链接,它应该在那里。

我还注意到您"sourceRoot": "/",会将其更改为./帮助吗?

答案 2 :(得分:1)

我遇到了同样的问题,我将"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"
    ]
}

答案 3 :(得分:0)

检查一下!这对我有用。

 {
  "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"
  ]
}