调用函数'makeDecorator'，不支持函数调用

Question

由@alexzuza 解决。请参阅下面他的回答 - 大起大落！基本上，从 ng2-opd-popup 文件夹中删除 node_modules 文件夹，然后编辑 src/tsconfig.app.json 以匹配路径。另请参阅有关 link 到 rimraf 设置的评论，以自动排除 node_modules 与 npm install 一起安装。

我收到这个错误：

ERROR in Error encountered resolving symbol values statically. Calling function 'makeDecorator', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function

找到的解决方案 here 不起作用 - im 运行 angular v. 4.3.

package.json:

PopupModule.forRoot(),

tsconfig.json:

"paths": {
  "@angular/*": ["node_modules/@angular/*"]
},

tsconfig.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "paths": {
      "@angular/common": ["../node_modules/@angular/common"],
      "@angular/compiler": ["../node_modules/@angular/compiler"],
      "@angular/core": ["../node_modules/@angular/core"],
      "@angular/forms": ["../node_modules/@angular/forms"],
      "@angular/platform-browser": ["../node_modules/@angular/platform-browser"],
      "@angular/platform-browser-dynamic": ["../node_modules/@angular/platform-browser-dynamic"],
      "@angular/router": ["../node_modules/@angular/router"],
      "@angular/http": ["../node_modules/@angular/http"]
    },
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

tsconfig.app.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "paths": {
      "@angular/*": ["../node_modules/@angular/*"]
    },
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

我的文件结构。

我正在尝试使用的包：ng2-opd-popup

有人为此找到了解决方案，或者可能有更好的软件包可以使用？

Answer 1

将src/tsconfig.app.json改成：

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "baseUrl": "./",
    "module": "es2015",
    "types": [],
    "paths": {
      "@angular/*": ["../node_modules/@angular/*"] <=== add this
    }
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

你应该使用 .. 因为 baseUrl 指的是 src 文件夹

https://github.com/alexzuza/angular-cli-make-decorator-fix

它应该适用于 aot，但对于 jit 模式，您必须删除 node_modules/ng2-opd-popup/node_modules folder

调用函数'makeDecorator'，不支持函数调用

Calling function 'makeDecorator', function calls are not supported

json

simplemodal

npm

typescript

angular