开发者问题收集

Vue.js。项目启动时出错未捕获的 TypeError:无法读取未定义的属性(读取“e”)

2023-05-17
620

我是 Vue.js 新手,在创建项目时遇到了此错误。以下是我执行的步骤:

  1. 通过 cmd 安装 Vue/cli
npm install @vue/cli
  1. 创建 Vue 项目。我导航到 Visual Studio 终端上的所需文件夹,因为我已经准备好并运行了后端。因此,在同一个文件夹中,将同时存在与 Node.js 配合使用的后端和用作前端的 Vue 项目。在将项目作为根文件夹的情况下执行命令 vue create app-frontend 后,文件夹如下所示:
- Project
-- api-backend
-- app-frontend
  1. 我手动选择了功能,这是我选择的:
  • 检查项目所需的功能:Babel、Linter/Formatter
  • Vue 版本:3.x
  • Linter/Formatter:仅具有错误预防功能的 ESLint
  • 其他 lint 功能:保存时 Lint
  • Babel、Eslint 等的首选配置放置位置:在专用配置文件中
  1. 执行命令 cd app-frontendnpm run serve

到达此处后,访问localhost:8080 给我一个空白页面,浏览器控制台上出现此错误:

Uncaught TypeError: Cannot read properties of undefined (reading 'e')
    at eval (stripAnsi.js:18:1)
    at ./node_modules/webpack-dev-server/client/utils/stripAnsi.js (chunk-vendors.js:325:1)
    at __webpack_require__ (app.js:255:33)
    at fn (app.js:488:21)
    at eval (webpack-internal:///./node_modules/webpack-dev-server/client/index.js?protocol=ws&hostname=192.168.1.61&port=8080&pathname=%2Fws&logging=none&progress=true&overlay=%7B%22errors%22%3Atrue%2C%22warnings%22%3Afalse%7D&reconnect=10&hot=true&live-reload=true:7:77)
    at ./node_modules/webpack-dev-server/client/index.js?protocol=ws&hostname=192.168.1.61&port=8080&pathname=%2Fws&logging=none&progress=true&overlay=%7B%22errors%22%3Atrue%2C%22warnings%22%3Afalse%7D&reconnect=10&hot=true&live-reload=true (chunk-vendors.js:172:1)
    at __webpack_require__ (app.js:255:33)
    at app.js:1374:83
    at __webpack_require__.O (app.js:301:23)
    at app.js:1377:53

我该如何解决这个问题才能启动我的项目?我做错了什么吗?这是我第一次收到此错误,在其他目录上创建了其他项目,没有出现任何错误,所以我不知道发生了什么。

1个回答

可能您忘记安装:

cd app-frontend
npm i
meridbt
2023-05-17