使用相对导入路径时 Aurelia 捆绑失败

我将 aurelia 与 typescript 一起使用，我想避免使用相对导入路径，例如：

import { DialogBox } from '../../resources/elements/dialog-box';

反而

import { DialogBox } from 'resources/elements/dialog-box';

我修改了 tsconfig.json，以便编译器通过添加来处理相对路径baseUrl and paths像这样：

"compilerOptions": {
"sourceMap": true,
"target": "es5",
"module": "amd",
"declaration": false,
"noImplicitAny": false,
"removeComments": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"lib": ["es2015", "dom"],
"baseUrl": ".",
"paths": {
  "*":["src/*"]
}

}...

但是当我运行 cli 的命令“au run --watch”时，我可以看到所有步骤都运行良好，直到写包跟踪某些文件时失败的步骤：

Starting 'processMarkup'...
Starting 'processCSS'...
Starting 'configureEnvironment'...
Finished 'configureEnvironment'
Starting 'buildTypeScript'...
Finished 'processCSS'
Finished 'processMarkup'
Finished 'buildTypeScript'
Starting 'writeBundles'...

该过程失败并出现以下错误：

Tracing resources/elements/dialog-box...
{ uid: 11,
  name: 'writeBundles',
  branch: false,
  error:
   { [Error: ENOENT: no such file or directory, open 'C:\...\src\resources\elements\dialog-box.js']
     errno: -4058,

奇怪的是：还有其他文件是通过非相对路径引用的，并且捆绑器不会失败。

另一个奇怪的事情是：如果我使用观察器保留相对路径和捆绑，一切正常。那么如果我删除亲戚'../../'从有问题的导入中，我收到捆绑警告，但无论如何一切正常......

知道我可能做错了什么吗？

编辑更正：

我只是明白为什么有些文件似乎是捆绑的，而另一些则不是。我注意到所有未失败的具有“根相对”导入的文件实际上都是从具有相对路径的其他文件导入的。所以我想捆绑者会从那里找到它们。这解决了一件事，但基本问题仍然存在：当存在“根相对”导入时，aurelia-cli 捆绑失败......

编辑解决方案：感谢下面 Sinan Bolel 的解决方案，通过更新一些软件包解决了相对路径问题：

npm i -D gulp-typescript@^3.1.5 typings@^2.1.0 aurelia-tools@^1.0.0

我后来得到的语义错误来自于一些仍然安装但不需要的类型，以及将 typescript 安装为本地 npm 包以及全局。 我卸载了它们，所有错误都消失了。

npm uninstall @types/es6-promise
npm uninstall @types/es6-collections
npm uninstall typescript

看看这个要点示例 https://gist.github.com/sbolel/05c36b5a88c9b6322f01e6f9bd111cf2其中：

• 我创建一个类Init in src/lib/init.ts
• I import init from 'lib/init' in src/main.ts没有相对路径
• 我改变main.ts to import environment from 'environment'相对于from './environment'——这也有效。

使用原来的tsconfig由 CLI 生成 https://github.com/aurelia/cli/blob/master/lib/resources/content/tsconfig.json，我的构建失败并出现错误：

src/main.ts(3,18): error TS2307: Cannot find module 'lib/init'.

更改为之后tsconfig在我的要点中 https://gist.github.com/sbolel/05c36b5a88c9b6322f01e6f9bd111cf2#file-tsconfig-json，构建成功。

（无效）建议：

在 tsconfig 中，您可以尝试：

a) 添加./在之前src in compilerOptions.paths（这解决了我机器上的问题）

  paths: {"*": ["./src/*"]}
                 ^

b) 添加filesGlob

"filesGlob": [
  "./src/**/*.ts",
  "./test/**/*.ts",
  "./typings/index.d.ts",
  "./custom_typings/**/*.d.ts"
],

edit:以前的建议不起作用，更新包怎么样：

npm i -D gulp-typescript@^3.1.5 typings@^2.1.0 aurelia-tools@^1.0.0

查看结果https://github.com/aurelia/cli/issues/494#issuecomment-282103289 https://github.com/aurelia/cli/issues/494#issuecomment-282103289