1

我正在尝试将我的 angular2/typescript 文件编译为 javascript 文件。

“npm install”（没有任何警告或错误）

创建 node_modules，但不会从我的 .ts 文件重新创建 .js 文件，并且角度模块不会更新。

我的 tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "suppressImplicitAnyIndexErrors": true
  },
  "files": [
  ],
  "exclude": [
    "node_modules",
    "scripts"
  ],
  "compileOnSave": true
}

和 package.json：

{
  "name": "angular-quickstart",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
  },
  "license": "ISC",
  "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",
    "@angular/upgrade": "2.0.0",
    "angular2-in-memory-web-api": "0.0.20",
    "bootstrap": "^3.3.6",
    "core-js": "^2.4.1",
    "react-redux": "^4.4.5",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.23",
    "react-super-components": "^0.3.5",
    "redux": "^3.5.2",
    "redux-thunk": "^2.1.0",
    "param-store":"^1.0.0"
  },
  "devDependencies": {
    "concurrently": "^2.2.0",
    "lite-server": "^2.2.2",
    "typescript": "^2.0.2",
    "typings": "^1.3.2"
  }
}

在 NPM START 之后有

1] 16.09.23 14:05:50 404 POST /api/logging
[1] 16.09.23 14:05:50 404 POST /api/logging
[1] 16.09.23 14:05:50 404 POST /api/logging
[1] 16.09.23 14:05:50 404 POST /api/logging
[1] 16.09.23 14:05:50 404 POST /api/logging
[1] 16.09.23 14:05:50 404 POST /api/logging
[1] 16.09.23 14:05:50 404 POST /api/logging
[1] 16.09.23 14:05:50 404 POST /api/logging

在日志中，它永远不会结束。

我可以检查什么？

4

2 回答 2

1

npm install 只会在 package.json 文件中安装提到的包。

生成js你需要运行的代码

npm start

它将在监视模式下运行 typescript 编译器并将ts代码转换为js代码。

看看这里npm start命令的作用：

start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\"
于 2016-09-23T10:57:59.173 回答
0

npm install将安装 package.json 中列出的包

如果在运行 npm install 后没有显示 typings 文件夹，则需要使用以下命令手动安装它：

npm run typings install

你需要跑npm start

此命令运行以下两个并行节点进程：

  1. 处于监视模式的 TypeScript 编译器将负责从 typescript 转换为 javascript。

  2. 一个名为 lite-server 的静态文件服务器，它在浏览器中加载 index.html 并在应用程序文件更改时刷新浏览器。

于 2016-09-23T10:58:11.157 回答