vue导入新工程 “node_modules依赖”

在使用Vue的可视化面板导入新工程时,新手可能会遇到未知依赖的弹窗,引发困惑。解决这个问题只需简单几步:首先,确保在命令行中进入项目目录;然后,执行`npm install`安装node_modules依赖;最后,重新导入工程即可解决问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题:

再使用vue 的可视化面板导入新的工程使,新手的界面往往会跳出这样一个弹窗
在这里插入图片描述
我当时也很懵逼,不知所措,心里在想:大哥,你到告诉我装什么依赖啊!!!反正当时一万个xxx涌上了心头。

解决:

通过查资料完美的解决了:
主要是听话乖乖的安装 node_modules依赖即可,安装步骤如下:

1.在cmd中进入到项目所在的目录(这个很重要!!因为之前都是在全局中安装的)

2.执行npm install

3.重新在可视化面板中导入就可以了

C:\project2\new_headline_project\app-vue-headline>npm run dev > vue-manage@0.0.0 dev > vite VITE v6.3.5 ready in 595 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show help Error: Failed to scan for dependencies from entries: C:/project2/new_headline_project/app-vue-headline/index.html C:/project2/new_headline_project/app-vue-headline/Untitled-1.html X [ERROR] ENOENT: no such file or directory, open 'C:\project2\new_headline_project\app-vue-headline\src\components\ContentList.vue' [plugin vite:dep-scan] node_modules/esbuild/lib/main.js:1267:21: 1267 │ let result = await callback({ ╵ ^ at async open (node:internal/fs/promises:633:25) at async Object.readFile (node:internal/fs/promises:1237:14) at async htmlTypeOnLoadCallback (file:///C:/project2/new_headline_project/app-vue-headline/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:14390:19) at async requestCallbacks.on-load (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:1267:22) at async handleRequest (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:628:11) This error came from the "onLoad" callback registered here: node_modules/esbuild/lib/main.js:1141:20: 1141 │ let promise = setup({ ╵ ^ at setup (file:///C:/project2/new_headline_project/app-vue-headline/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:14470:13) at handlePlugins (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:1141:21) at buildOrContextImpl (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:854:5) at Object.buildOrContext (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:680:5) at C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:2035:68 at new Promise (<anonymous>) at Object.context (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:2035:27) at Object.context (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:1877:58) at prepareEsbuildScanner (file:///C:/project2/new_headline_project/app-vue-headline/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:14266:24) The plugin "vite:dep-scan" was triggered by this import script:C:/project2/new_headline_project/app-vue-headline/src/views/HotView.vue?id=0:3:26: 3 │ import ContentList from '@/components/ContentList.vue' ╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ at failureErrorWithLog (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:1467:15) at C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:926:25 at runOnEndCallbacks (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:1307:45) at buildResponseToResult (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:924:7) at C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:936:9 at new Promise (<anonymous>) at requestCallbacks.on-end (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:935:54) at handleRequest (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:628:17) at handleIncomingPacket (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:653:7) at Socket.readFromStdout (C:\project2\new_headline_project\app-vue-headline\node_modules\esbuild\lib\main.js:581:7)
最新发布
07-25
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值