NodeJs / Express Vue CLI3应用程序错误无法设置未定义的属性渲染

时间:2018-09-19 18:11:23

标签: node.js express vue.js bootstrap-4

我是NodeJs的新手,已经三天了,因为我试图通过Express在生产模式下运行Vue应用程序,由于某种原因,它没有通过,我有一个带有Bootstrap 4的Vue CLI3设置。在开发模式下使用npm run serve的应用程序,它可以完美呈现。但是当我尝试使用server.js文件运行它时却无法渲染 以下是我的server.js代码

const express = require('express');

const port = process.env.PORT || 5000;

let app = express();



app.use(express.static(__dirname + "/dist/"));

app.get("*", (req, res) => {
    res.sendfile(__dirname + '/dist/index.html');
   
  });

app.listen(port, () => {
  console.log('Listening on port ' + port)
});

我什至用res.sendfile(__dirname + '/dist/index.html');替换了res.send({response message}),以在浏览器中呈现消息,但是它向控制台记录了相同的错误。

-这是我的package.json文件的屏幕截图 enter image description here

这是main.js文件 enter image description here

这些是我正在获得控制台的错误enter image description here

agian在使用npm run serve运行时,该应用程序运行正常。有人知道这里发生了什么吗?!!

1 个答案:

答案 0 :(得分:1)

检查是否有带有空<script>标签的组件。只需删除那些空标签。这为我解决了这个问题

https://github.com/vuejs/vue-cli/issues/2430