Vue.js 2.x 项目运行报错 Cannot find module 'D:\wamp64\www\vue-basic\build\dev-server.js' 解决记录

莘光华
2023-12-01

       最近在学习前端界火到爆的 Vue.js ,路由之前的部分很顺利,唯独路由和Http请求部分的时候,碰壁了。可能是我学Vue.js太晚的缘故吧,老师在GitHub上共享的课程代码和现在的Vue.js版本有点对不上号,好了~废话不多说,开始问题记录了。

       下载课程示例代码,第一步:cnpm install,安装完成没问题!

第二步:cnpm install vue-router --save-dev,路由模块安装完成没问题! 

第三步:npm run dev,what?报错了~~~,程序员每天都面对无数次的界面。

> vue-playlist@1.0.0 dev D:\wamp64\www\vue-basic
> node build/dev-server.js

internal/modules/cjs/loader.js:638
    throw err;
    ^

Error: Cannot find module 'D:\wamp64\www\vue-basic\build\dev-server.js'

       哦,原来是没找到模块,咦~不对啊,我的工程没有build目录,见鬼了,难道老师代码里去掉了么。。。

       想找个dev-server.js抄上去,但也不清楚里面具体啥内容呀。然后就去package.json看看还有啥奇葩命令,一看发现还真有

"dev": "node build/dev-server.js",
"build": "node build/build.js"

       然后就是一顿百度,这命令干啥用的,因为知道老师用的是Vue 2.x,所以直奔主题,一艘~明白了,原来是Vue 2.x工程中有build目录,用来配置数据模拟的build.js是配置代理等的。那就基本明白了,肯定是因为我现在用的是Vue 3.x ,然后又是一顿百度,怎么让2.x中的build目录中的模块在3.x环境中正常运行,网上有多种多样的手段,大陆程序猿人才辈出啊。但是~~~找了不下十来个方法,还是没能解决我的问题,这该如何是好。。。

       最终还是自己突发奇想解决的这破问题,既然我的环境已经是最新版本的,而且我已经按Vue 3.x的工程构建方法,构建过一个新项目,既然不能把老师的所有代码修正过来在我的环境里面运行,那我为啥不能只把src目录里面的代码拿过来放到我的Vue 3.x工程里面呢。

       果然,复制过来之后一切就自然而然的解决了~!!!(但是一定要记得运行 cnpm install vue-router --save-dev 安装路由模块哦)

       到此,这篇Vue.js问题记录博文就唠唠叨叨算是写完了,第一次在博客记录问题解决笔记,可能没啥养分,而且很唠叨,望大家不喜勿喷。

 

 

 

 类似资料: