Question

我正在研究“为.NET开发人员学习Angular”一书中的项目。第3章有两个。我对项目代码本身没有问题。问题是我无法让项目运行。在打字稿变换过程中构建失败。

我正在使用npm start命令调用代码。这是package.json文件的脚本部分：

"name": "angular-io-example",
"version": "1.0.0",
"scripts": {
    "test:once": "karma start karma.conf.js --single-run",
    "build": "tsc -p src/",
    "serve": "lite-server -c=bs-config.json",
    "prestart": "npm run build",
    "start": "concurrently \"npm run build:watch\" \"npm run serve\"",
    "pretest": "npm run build",
    "test": "concurrently \"npm run build:watch\" \"karma start karma.conf.js\"",
    "pretest:once": "npm run build",
    "build:watch": "tsc -p src/ -w",
    "build:upgrade": "tsc",
    "serve:upgrade": "http-server",
    "build:aot": "ngc -p tsconfig-aot.json && rollup -c rollup-config.js",
    "serve:aot": "lite-server -c bs-config.aot.json",
    "build:babel": "babel src -d src --extensions \".es6\" --source-maps",
    "copy-dist-files": "node ./copy-dist-files.js",
    "i18n": "ng-xi18n",
    "lint": "tslint ./src/**/*.ts -t verbose"
  }

（不幸的是，这本书没有解释package.json文件 - 它只是将它作为可下载内容提供给你。）

问题出现在构建命令"build": "tsc -p src/"。

当我尝试按原样运行时，我在命令行界面中获得以下内容：

>tsc -p src/

node_modules/@types/angular/index.d.ts(232,41): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(233,41): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(1252,41): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(1253,41): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(1972,55): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(1976,54): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(1986,55): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(1991,57): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(2005,48): error TS1005: ',' expected.
node_modules/@types/angular/index.d.ts(2088,22): error TS1005: ',' expected.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! angular-io-example@1.0.0 build: 'tsc -p src/'
npm ERR! Exit status 2

我不确定node_modules错误是否是问题因为我可以使用tsc手动编译打字稿代码。我得到相同的错误消息，但代码编译。（我也很困惑为什么转换器完全引用了node_module代码，因为它在tsconfig.json文件中被设置为“exclude”。）

然而问题似乎在于tsc命令。我发现如果我用一些愚蠢的东西替换build命令，比如“ipconfig”，那么项目运行得很好（因为打字稿代码是手动编译的）。

我希望有人可以向我解释为什么构建过程失败。

Answer 1

问题确实是devDependencies节点引入了旧版本的tsc库，并使用它而不是全局版本的tsc。这可能就是为什么npm update命令没有帮助的原因。 rxjs的版本也有问题，需要更新。现在一切正常。

感谢大家的评论。当你想要学习一些东西但由于一些愚蠢的问题而无法进入一垒时，这是一种拖累

Answer 2

This appears to be a known issue.这似乎是由npm update -g typescript解决的。

这显然是针对打字稿版本2.3+解决的，但仍然是一个悬而未决的问题。既然如此，StackOverflow只能带你到目前为止 - 请参考GitHub问题，如果这个问题仍然存在（并且代码或安装没有问题），请考虑提出自己的问题。

Angular / TypeScript编译的初学者问题

2 个答案: