Question

我正在使用gulp，browserify和tsify来捆绑我的应用程序，我将浏览器指向main.ts文件。这就是我正在做的所有捆绑应用程序。但是当我尝试运行导入了捆绑的js文件的index.html文件时，我收到错误：this._nativeError is undefined，屏幕空白。

我的tsconfig.json：

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

我的大口任务：

gulp task

Answer 1

关于tsify配置，您可以定义：

defaultOptions = {
  ...
  tsifyOptions: {},
  ...
}

但你使用：

.plugin(tsify, defaultOptions.tsifydefaultOptions)

目前还不清楚它是否与您的问题有关，但如果您的tsconfig.json与您的package.json不在同一目录中并且不在父目录中，则不会找到。由于您的配置包含../node_modules/@types，因此似乎不是。

要让tsify知道tsconfig.json的位置，您可以指定project选项：

.plugin(tsify, { project: './some-directory/tsconfig.json' })

Answer 2

我有同样的问题，并通过在这里建议将compiler.log放在compiler.umd.js中找到我的解决方案： https://stackoverflow.com/a/41644735/7434393

在compiler.umd.js的第1604行附近，我添加了一个console.log来显示   我的消息。

它是设定功能的一部分   Object.defineProperty（BaseError.prototype，“message”定义。

setter将消息分配给_nativeError.message，但是   _nativeError未定义，因此，它正在爆炸，隐藏REAL错误消息。

所以，我只是把一个console.log吐出来的消息   传入，它向我显示了我遇到的实际错误（模板错误）。

因此，这似乎是他们代码中的错误。

捆绑我的angular 2应用程序

2 个答案: