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

标签 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 运行该应用程序时运行良好。有人知道这里发生了什么事吗?

最佳答案

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

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

关于node.js - NodeJs/Express Vue CLI3 应用程序错误无法设置未定义的属性渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52411899/

相关文章:

javascript - 如何传递多个 groupid 和主题对以使用 node-rdkafka 进行消费?

node.js - express 虚拟主机 'argument handle is required'

node.js - NodeJS - 在 res.render() 之后快速重新加载页面

javascript - 如何从vue路由器中仅提取路由来生成站点地图

angularjs - 环回中的动态 datasource.json

mysql - 水线处理异常

javascript - 通过 Nodejs 进行多个 API 连接

node.js - 完成中间件文件,以便所有查询参数都经过验证,并且 null 和未定义值会引发错误消息

javascript - 每当我导航到不同的 Vue.js 路线时,我都会被发送到我导航到的 View 的底部,我无法弄清楚为什么

apache - XMLHttpRequest 被 axios.post 上的 CORS 策略阻止