无法使用 Webpack 运行 Vuejs：未找到组件依赖项

Posted 2023-02-23

【中文标题】无法使用 Webpack 运行 Vuejs：未找到组件依赖项

【英文标题】：Unable to run Vuejs w/ Webpack: component dependencies were not found

【发布时间】：2017-12-24 18:35:53

【问题描述】：

为什么我无法使用 webpack 运行我的 Vue 脚本？我收到此错误。

ERROR  Failed to compile with 11 errors                                19.32.28

These dependencies were not found:

* @/components/naven in ./src/main.js
* @/components/navtab in ./src/main.js
* @/components/artikel in ./src/main.js
* @/components/navbtm in ./src/main.js
* @/components/hero in ./src/main.js
* @/components/btmdata in ./src/main.js
* @/components/navbtn in ./src/main.js
* @/components/foot in ./src/main.js
* @/components/social in ./src/main.js
* @/components/contenthome in ./src/main.js
* @/components/Content-home in ./src/router/index.js

To install them, you can run: npm install --save @/components/naven 
@/components/navtab @/components/artikel @/components/navbtm 
@/components/hero @/components/btmdata @/components/navbtn 
@/components/foot @/components/social @/components/contenthome 
@/components/Content-home
> Listening at http://localhost:8080
ppabcd@ppabcd:~/server/vue-test$

我在浏览器中得到这个结果：

Cannot GET /

【问题讨论】：

请提供更多信息。解释你到目前为止做了什么。您是否先安装了 npm install 的依赖项？

我在 Windows 中创建了这个项目。当我将此项目上传到托管时，我得到了很多错误。我使用npm install 删除错误但不起作用。我手动安装了我所有的 npm 库。但是当所有库都安装完成后。我无法在我的项目中导入所有组件。

您的服务器中似乎没有安装node 和npm！顺便说一句，您不能手动安装 npm 库，因为它们中的大多数都具有许多应该使用 npm 解决的依赖项。如果您的项目在本地运行良好，那么问题出在服务器端。

我第一次在我的服务器上安装了 npm 和 nodejs。我使用 npm install axios 安装了我的库，例如 axios 库。但是当安装了所有库时，我无法在我的项目中运行我的组件。

我在一个前端 Vue 项目中遇到了同样的错误。几周前它还在工作。我不确定会发生什么。升级 Vue 后（通过运行“npm install vue --save”），我还没有运气。

【参考方案1】：

我认为您应该将“vue”版本更新为最新版本。

或者试试这个

import ComponentName from 'components/ComponentPage'

使用最新版本时必须添加@/(vue: ^2.4.2)

但是，我猜你的错误日志的意思是“你的代码是最新版本，但是你的 vue 是旧版本”。

【讨论】：

"你必须在哪里添加@/"？感谢您的回答，但其中的“我猜”和“我认为”太多了，没有任何价值。