意外令牌导入Angular2 CLI快速server.ts

Question

我正在启动Angular2应用程序，并使用express和AngularCLI 1.0.0-beta设置服务器。25.5

在这种文件结构中：

project root
|-server
  |-server.ts
|-src
  |-app

当我运行nozoserver.ts

我得到以下错误：

导入在我的应用程序的其他地方工作，所以我不确定问题是什么。我也没有收到任何vs代码错误来暗示任何东西导入不正确。此外，Express和body-parser都已被npm install--Saveed以及@类型/Express（--save-dev）。是什么阻止了此导入语句表单的工作，我如何纠正该问题？

服务器输电系统

import * as express from 'express';
import {Application} from 'express';
import {apiFoods} from './api/apiFoods';

const bodyParser = require('body-parser');
const app: Application = express();
app.use(bodyParser.json());

apiFoods(app);

app.listen(8090, () => {
    console.log('Server is now running on port 8090 ...');
}); 

Answer 1

这里的根本问题是导入语句是一个节点无法识别的ES6命令。我发现的解决方案是使用ts-node先转译我的打字稿，然后运行它。

npm install --save-dev ts-node

然后添加一个新脚本以在您的包中使用它。json

包裹json

"scripts":{
  "api-server": "./node_modules/.bin/ts-node ./server/server.ts"
}

当您想要执行run时：

npm run api-server

要使用nodemon观看，我执行（取自此答案）：

nodemon --watch 'src/**/*.ts' --ignore 'src/**/*.spec.ts' --exec './node_modules/.bin/ts-node' server/server.ts

Answer 2

要么将节点更新为7。x以获得本机es6支持或使用babel node和nodemon，如下所示；

nodemon -w --exec "babel-node server.ts"

您还可以通过在-w之后添加文件夹名称来指定要监视哪些文件夹的更改，例如-w server

要让babel-node工作，您必须安装babel-preset-es2015

npm install --save-dev babel-preset-es2015

并创建一个名为的文件。babelrc在您的包裹旁边。包含以下内容的json文件

{
  "presets": ["es2015"]
}