VS Code auto imports are wrong for absolute paths in E2E files

Bug Report or Feature Request (mark with an x)

- [ x] bug report -> please search issues before submitting
- [ ] feature request

Also asked in Stack Overflow

Versions

Angular CLI: 6.0.8 Node: 8.11.1 OS: win32 x64 Angular: 6.0.9

Repro steps

1. Create a new app using ng new

2. Setup baseUrl:“./src” in the tsconfig file

3. Import something to a file in src folder using autoimport Result: import { smt1 } from “app/core/services/smt1”; (OK)

4. Import something to a file in e2e folder using autoimport Result: import { smt2 } from “…/e2e/smt2”; (NOK) Auto import path is relative to the baseUrl of the tsconfig.json and cannot be resolved when running the tests

5. Setup baseUrl: “.” in tsconfig.json to have a common root for both src and e2e folders

6. Imports now look like this respectively: import { smt1 } from “src/app/core/services/smt1”; (OK) import { smt2 } from “src/e2e/smt2”; (OK)

7. Run npm run e2e Cannot find name ‘smt2’.

   at createTSError (<path>\node_modules\ts-node\src\index.ts:261:12) at getOutput (<path>\node_modules\ts-node\src\index.ts:367:40) at Object.compile (<path>\node_modules\ts-node\src\index.ts:557:11) at Module.m._compile (<path>\node_modules\ts-node\src\index.ts:439:43) at Module._extensions…js (module.js:663:10) at Object.require.extensions.(anonymous function) [as .ts] (<path>node_modules\ts-node\src\index.ts:442:12) at Module.load (module.js:565:32) at tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3) at Module.require (module.js:596:17)

Desired functionality

baseUrl: “.” in tsconfig.json should enable us to have root folder of the app as the base both in e2e and src folders. Other option would be to configure autoimports for src and e2e files separately, so that we can use absolute paths in src and relative in e2e folders.

[robvaneck]

Im also having this issue.

My VS Code User Settings .json is set to non-relative paths:

  "typescript.preferences.importModuleSpecifier": "non-relative",

So when I (auto) import a dependency… the paths look like

// auto import
import { AppPage } from 'e2e/src/app.po';

// instead of (old)
import { AppPage } from './app.po';

When running npm run e2e

I get this error:

  Error: Cannot find module 'e2e/src/app.po'

How do we make e2e run with non-relative paths?

[alexeagle]

I think the question is how to get a tsconfig.json into the e2e directory rather than tsconfig-e2e.json since the latter isn’t used by the editor, and the e2e directory really is a different root directory?