Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用NPM运行.ts文件脚本和angular 5构建_Angular_Typescript_Npm_Ts Node - Fatal编程技术网

如何使用NPM运行.ts文件脚本和angular 5构建

如何使用NPM运行.ts文件脚本和angular 5构建,angular,typescript,npm,ts-node,Angular,Typescript,Npm,Ts Node,我有一个扩展名为.ts的文件,我想先执行这个文件,然后运行npm run build来构建我的angular 5项目 package.json "scripts": { "ng": "ng", "start": "ng serve", "compile": "npm-run-all myts build", "myts": "ts-node git.version.ts", "build": "ng build --prod", "test":

我有一个扩展名为.ts的文件,我想先执行这个文件,然后运行npm run build来构建我的angular 5项目

package.json
 "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "compile": "npm-run-all myts build",
    "myts": "ts-node git.version.ts",
    "build": "ng build --prod",
    "test": "ng test",
  },
我得到了这个错误

npm运行编译

如果我运行,这就是工作 ts节点git.version.ts

问题是我无法使用npm运行串行脚本 按以下方式修改package.json:

解释

&&确保第一个命令运行,然后是另一个命令。 你不需要npm来运行所有这些 但是如果您想使用npm run all,那么请安装npm run all-save dev 按以下方式修改package.json:

解释

&&确保第一个命令运行,然后是另一个命令。 你不需要npm来运行所有这些 但是如果您想使用npm run all,那么请安装npm run all-save dev
我将node/express/angular与typescript一起使用,发现只有一种方法可以用一个命令完成所有工作,而无需安装任何东西

我的方式让我: 1.将节点ts服务器文件编译为js,并观察ts文件中的更改 2.编译angular项目,将其提供给节点服务器,并观察angular中的更改 3.运行节点服务器并在发生更改时重新启动它

我所做的就是运行npm start

mypackage.json

{
  "name": "node",
  "version": "1.0.0",
  "description": "",
  "main": "./dist/server.js",
  "scripts": {
    "start": "start tsc --watch & cd ../angular & start ng build --watch & cd ../node & timeout 15 & start nodemon --watch ../angular/dist --watch dist"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.16.3",
    "ws": "^6.0.0"
  },
  "devDependencies": {
    "@types/express": "^4.16.0",
    "@types/node": "^10.9.2",
    "@types/ws": "^6.0.0",
    "typescript": "^3.0.1"
  }
}
我的项目结构:

My_project
 - node
 - angular

tsconfig.json optons:
    "outDir": "dist", 
    "rootDir": "src"

我将node/express/angular与typescript一起使用,发现只有一种方法可以用一个命令完成所有工作,而无需安装任何东西

我的方式让我: 1.将节点ts服务器文件编译为js,并观察ts文件中的更改 2.编译angular项目,将其提供给节点服务器,并观察angular中的更改 3.运行节点服务器并在发生更改时重新启动它

我所做的就是运行npm start

mypackage.json

{
  "name": "node",
  "version": "1.0.0",
  "description": "",
  "main": "./dist/server.js",
  "scripts": {
    "start": "start tsc --watch & cd ../angular & start ng build --watch & cd ../node & timeout 15 & start nodemon --watch ../angular/dist --watch dist"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.16.3",
    "ws": "^6.0.0"
  },
  "devDependencies": {
    "@types/express": "^4.16.0",
    "@types/node": "^10.9.2",
    "@types/ws": "^6.0.0",
    "typescript": "^3.0.1"
  }
}
我的项目结构:

My_project
 - node
 - angular

tsconfig.json optons:
    "outDir": "dist", 
    "rootDir": "src"

谢谢,我忘记了这个问题。谢谢,我忘记了这个问题。谢谢@RTW TMIlittle changes。新增-观看dist,全球不要忘记isntal nodemon:谢谢@RTW TMILILITLE更改。新增-全球关注dist,别忘了isntal nodemon: