已解决,Vue项目报错:Cannot find module webpack.dev.conf.js

        在笔记本项目上开发的前后端分离项目,在同步到Gitte上之后再从公司拉到公司电脑的,公司电脑配置了一样的node  vue环境,但是在执行的时候总是报这个错误,台式电脑的前端开发环境也重新安装成了与笔记本电脑上面的一帮的版本了,网上搜索了好多文章,依然不知道是什么原因。

        毕竟我是搞后端的,前端也只是皮毛,算是可以用Vue开发项目而已。所以下面有什么错误的还请赐教。

以下是报错内容:

E:\CourseArrange\UI\coursearrange>npm run dev

> [email protected] dev E:\CourseArrange\UI\coursearrange
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

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

Error: Cannot find module 'E:\CourseArrange\UI\coursearrange\build\webpack.dev.conf.js'
Require stack:
- E:\CourseArrange\UI\coursearrange\node_modules\webpack\bin\convert-argv.js
- E:\CourseArrange\UI\coursearrange\node_modules\webpack-dev-server\bin\webpack-dev-server.js
?[90m    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:797:15)?[39m
?[90m    at Function.Module._load (internal/modules/cjs/loader.js:690:27)?[39m
?[90m    at Module.require (internal/modules/cjs/loader.js:852:19)?[39m
?[90m    at require (internal/modules/cjs/helpers.js:74:18)?[39m
    at requireConfig (E:\CourseArrange\UI\coursearrange\node_modules\?[4mwebpack?[24m\bin\convert-argv.js:97:18)
    at E:\CourseArrange\UI\coursearrange\node_modules\?[4mwebpack?[24m\bin\convert-argv.js:104:17
    at Array.forEach ()
    at module.exports (E:\CourseArrange\UI\coursearrange\node_modules\?[4mwebpack?[24m\bin\convert-argv.js:102:15)
    at Object. (E:\CourseArrange\UI\coursearrange\node_modules\?[4mwebpack-dev-server?[24m\bin\webpack-dev-server.js:224:50)
?[90m    at Module._compile (internal/modules/cjs/loader.js:959:30)?[39m {
  code: ?[32m'MODULE_NOT_FOUND'?[39m,
  requireStack: [
    ?[32m'E:\\CourseArrange\\UI\\coursearrange\\node_modules\\webpack\\bin\\convert-argv.js'?[39m,
    ?[32m'E:\\CourseArrange\\UI\\coursearrange\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'?[39m
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\Program Files\nodejs\node_cache\_logs\2020-03-31T04_02_07_168Z-debug.log

 已解决,Vue项目报错:Cannot find module webpack.dev.conf.js_第1张图片

以下是我的package.json中的部分内容:  

"private": true,

  "scripts": {

    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

    "start": "npm run dev",

    "build": "node build/build.js"

  },

  "dependencies": {

    "axios": "^0.19.2",

    "element-ui": "^2.13.0",

    "vue": "^2.5.2",

    "vue-router": "^3.0.1",

    "vuex": "^3.1.3",

    "webpack-dev-server": "^2.9.1"

  },

此处使用的webpack-dev-server版本是2.9.1,环境都是跟笔记本上的一样的,问题先放这里,待我解决好了就上解决方案。

=================================分割线=================================

2020.3.31提出的问题,过去了这么久,今天是2020.5.12.有空偶然回来看了一下,发现是我在笔记本电脑那边git提交代码的时候没有将build文件夹提交上去,在.git文件同级目录下的gitignore文件中将忽略的build文件删除。

 

发现这个问题也是源于我重新使用vue创建了一个项目之后发现build文件夹就是在项目初始化之后就存在的,之前一个小伙伴跟我说是在项目构建之后才有build文件夹(虽然我不知道是否以前的vue版本是这样子的,但是根据我vue4.2.2创建vue项目初始化后就有build文件夹我可以确定我这里把build文件夹弄上来就可以运行项目了),所以我一直忽略了这个问题。最后重新将笔记本上的项目修改git忽略之后提交,台式电脑这边重新拉取下来,执行命令:

npm install

npm run dev

居然成功了!!

成功运行了,小伙伴们遇到这个问题也可以看看是不是没这个文件夹,实际上在发现这个问题之前我也做了很多尝试,也尝试着更新了webpack以及webpack-cli工具,去外网找了很多答案都无济于事。

最后重新搞了这个build文件夹出来就可以了,小伙伴们也可以尝试一下是不是这样,反正我所遇到的这个问题通过这个方式确实是解决了。

至于其它的办法我这里就暂时没有了噶,毕竟是业余选手。

已解决,Vue项目报错:Cannot find module webpack.dev.conf.js_第2张图片

你可能感兴趣的:(问题解决方案,vue)