为什么当我尝试使用模块Vue-Template-Compiler加载站点时，我尝试将页面渲染时

Question

我尝试启动Web服务器，Web服务器启动。但是，当您加载站点的主页(使用模块" View-Template-Compiler"的渲染想法(时，该站点不会加载。控制台没有写任何东西。尝试的" NPM Run Dev"和错误可以在下面找到。

const express = require('express'),
          app = express()
const serverPort = process.env.PORT || 3000
const compiler = require('vue-template-compiler')

app.get('/', (req,res,next) => {
  compiler.compile('src/views/index.vue')
})
app.listen(serverPort, () => {
  console.log("Веб сервер запустился успешно")
})

并在NPM运行DEV时获取错误：

0 info it worked if it ends with ok
1 verbose cli [ 'F:\nodejs\node.exe',
1 verbose cli   'F:\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'dev' ]
2 info using npm@6.4.1
3 info using node@v10.14.1
4 verbose stack Error: missing script: dev
4 verbose stack     at run (F:nodejsnode_modulesnpmlibrun-script.js:155:19)
4 verbose stack     at F:nodejsnode_modulesnpmlibrun-script.js:63:5
4 verbose stack     at F:nodejsnode_modulesnpmnode_modulesread-package-jsonread-json.js:115:5
4 verbose stack     at F:nodejsnode_modulesnpmnode_modulesread-package-jsonread-json.js:418:5
4 verbose stack     at checkBinReferences_ (F:nodejsnode_modulesnpmnode_modulesread-package-jsonread-json.js:373:45)
4 verbose stack     at final (F:nodejsnode_modulesnpmnode_modulesread-package-jsonread-json.js:416:3)
4 verbose stack     at then (F:nodejsnode_modulesnpmnode_modulesread-package-jsonread-json.js:160:5)
4 verbose stack     at F:nodejsnode_modulesnpmnode_modulesread-package-jsonread-json.js:280:12
4 verbose stack     at F:nodejsnode_modulesnpmnode_modulesgraceful-fsgraceful-fs.js:78:16
4 verbose stack     at FSReqWrap.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:53:3)
5 verbose cwd F:sunrisesunrise-web
6 verbose Windows_NT 10.0.14393
7 verbose argv "F:\nodejs\node.exe" "F:\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
8 verbose node v10.14.1
9 verbose npm  v6.4.1
10 error missing script: dev
11 verbose exit [ 1, true ]

我的软件包

{
  "name": "vue-sunrise",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "clipboard": "^2.0.4",
    "core-js": "^2.6.5",
    "element-ui": "^2.10.1",
    "express": "^4.17.1",
    "jquery": "^3.4.1",
    "moment": "^2.24.0",
    "popper.js": "^1.15.0",
    "simplebar-vue": "^1.1.0",
    "vue": "^2.6.10",
    "vue-clipboard2": "^0.3.0",
    "vue-router": "^3.0.6",
    "vue-scroll-loader": "^1.1.6",
    "vue-template-compiler": "^2.6.10",
    "vuebar": "0.0.20",
    "vuex": "^3.1.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.9.0",
    "@vue/cli-plugin-eslint": "^3.9.0",
    "@vue/cli-service": "^3.9.0",
    "babel-eslint": "^10.0.1",
    "babel-plugin-component": "^1.1.1",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "lint-staged": "^8.1.5",
    "node-sass": "^4.12.0",
    "sass": "^1.18.0",
    "sass-loader": "^7.1.0",
    "sass-resources-loader": "^2.0.1",
    "style-loader": "^0.23.1",
    "vue-svg-loader": "^0.12.0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}

Answer 1

您有两个解决问题的选项。

1(只需使用npm run serve：默认情况下，您的开发服务器配置为在serve关键字上运行。

2(为dev添加一个脚本：

  "scripts": {
    "dev": "npm run serve",
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

然后npm dev将通过代理运行您的服务器。我不知道您为什么要这样做，但是如果您真的更喜欢使用dev作为您的开始命令，那就是您要做的。