首页 > 解决方案 > NodeJs/Express Vue CLI3 应用程序错误无法设置未定义的属性渲染

问题描述

我是 NodeJs 的新手,我试图通过 Express 在生产模式下运行 Vue 应用程序已经三天了,由于某种原因它没有通过,我有一个带有引导程序 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');withres.send({response message})以获取在浏览器中呈现的消息,但它会将相同的错误记录到控制台。

- 这是我的 package.json 文件的截图 在此处输入图像描述

这是 main.js 文件 在此处输入图像描述

这些是我得到控制台的错误在此处输入图像描述

该应用程序在使用npm run serve. 有人知道这里发生了什么吗?!

标签: node.jsexpressvue.jsbootstrap-4

解决方案


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

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


推荐阅读