源码中‘3移动端项目配置’有问题,怎么弄都不行,'2项目结构搭建' 就挺好

源码中‘3移动端项目配置’有问题,怎么弄都不行,'2项目结构搭建' 就挺好

DELL@DELL-PC MINGW64 /e/慕课网/慕课网就业课程教辅下载/第四阶段/步骤二/3项目:Vue搭建课程首页/vue案例(源码)/源码/3移动端项目配置
$ npm run dev

> vueproject@1.0.0 dev E:\慕课网\慕课网就业课程教辅下载\第四阶段\步骤二\3项目:Vue搭建课程首页\vue案例(源码)\源码\3移动端项目配置
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 10% building modules 0/1 modules 1 active ... webpack/hot/dev-server ./src/main 10% building modules 1/2 modules 1 active ...client\index.js?http://localhost:8 10% building modules 2/3 modules 1 active ...ode_modules\webpack\hot\dev-server 10% building modules 3/4 modules 1 active ...s\webpack-dev-server\client\socket 10% building modules 3/5 modules 2 active ...\webpack-dev-server\client\overlay 10% building modules 3/6 modules 3 active ...置\node_modules\webpack\hot\emitte 10% building modules 3/7 modules 4 active ...\webpack\hot nonrecursive /^\.\/lo 10% building modules 3/8 modules 5 active ...程首页\vue案例(源码)\源码\3移动 10% building modules 3/9 modules 6 active ...)\源码\3移动端项目配置\node_modul 10% building modules 4/9 modules 5 active ...)\源码\3移动端项目配置\node_modul 10% building modules 4/10 modules 6 active ...端项目配置\node_modules\webpack\h 10% building modules 4/11 modules 7 active ...dules\webpack\hot\log-apply-resul 10% building modules 5/11 modules 6 active ...dules\webpack\hot\log-apply-resul 10% building modules 6/11 modules 5 active ...dules\webpack\hot\log-apply-resul 10% building modules 7/11 modules 4 active ...dules\webpack\hot\log-apply-resul 10% building modules 8/11 modules 3 active ...dules\webpack\hot\log-apply-resul 11% building modules 9/11 modules 2 active ...dules\webpack\hot\log-apply-resul 11% building modules 10/11 modules 1 active ...)\源码\3移动端项目配置\node_mod 11% building modules 11/12 modules 1 active ...移动端项目配置\node_modules\even 11% building modules 11/13 modules 2 active ...e案例(源码)\源码\3移动端项目配 11% building modules 11/14 modules 3 active ...项目配置\node_modules\strip-ansi 11% building modules 11/15 modules 4 active ...\源码\3移动端项目配置\node_modul 11% building modules 11/16 modules 5 active ...项目配置\node_modules\vue\dist\v 11% building modules 11/17 modules 6 active ..._modules\sockjs-client\dist\sock 11% building modules 11/18 modules 7 active ...ser\node_modules\punycode\punyco 11% building modules 11/19 modules 8 active ...node_modules\querystring-es3\ind 11% building modules 12/19 modules 7 active ...node_modules\querystring-es3\ind 11% building modules 13/19 modules 6 active ...node_modules\querystring-es3\ind 11% building modules 14/19 modules 5 active ...node_modules\querystring-es3\ind 11% building modules 15/19 modules 4 active ...node_modules\querystring-es3\ind 11% building modules 15/20 modules 5 active ...node_modules\loglevel\lib\loglev 11% building modules 15/21 modules 6 active ...端项目配置\node_modules\ansi-htm 11% building modules 16/21 modules 5 active ...端项目配置\node_modules\ansi-htm 11% building modules 16/22 modules 6 active ...例(源码)\源码\3移动端项目配置\ 12% building modules 17/22 modules 5 active ...例(源码)\源码\3移动端项目配置\ 12% building modules 18/22 modules 4 active ...例(源码)\源码\3移动端项目配置\ 12% building modules 19/22 modules 3 active ...例(源码)\源码\3移动端项目配置\ 12% building modules 19/23 modules 4 active ...置\node_modules\html-entities\in 12% building modules 20/23 modules 3 active ...置\node_modules\html-entities\in 12% building modules 20/24 modules 4 active ...ode_modules\querystring-es3\deco 12% building modules 20/25 modules 5 active ...ode_modules\querystring-es3\enco 12% building modules 20/26 modules 6 active ...ode_modules\webpack\buildin\modu 12% building modules 20/27 modules 7 active ...ode_modules\webpack\buildin\glob 12% building modules 20/28 modules 8 active ...程首页\vue案例(源码)\源码\3移 12% building modules 21/28 modules 7 active ...程首页\vue案例(源码)\源码\3移 12% building modules 22/28 modules 6 active ...程首页\vue案例(源码)\源码\3移 12% building modules 23/28 modules 5 active ...程首页\vue案例(源码)\源码\3移 12% building modules 24/28 modules 4 active ...程首页\vue案例(源码)\源码\3移 13% building modules 25/28 modules 3 active ...程首页\vue案例(源码)\源码\3移 13% building modules 26/28 modules 2 active ..._modules\sockjs-client\dist\sock 13% building modules 26/29 modules 3 active ...les\html-entities\lib\xml-entiti 13% building modules 26/30 modules 4 active ...s\html-entities\lib\html4-entiti 13% building modules 26/31 modules 5 active ...s\html-entities\lib\html5-entiti 13% building modules 26/32 modules 6 active ...e案例(源码)\源码\3移动端项目配 13% building modules 26/33 modules 7 active ...例(源码)\源码\3移动端项目配置\ 13% building modules 26/34 modules 8 active ...项目配置\node_modules\ansi-regex 13% building modules 27/34 modules 7 active ...项目配置\node_modules\ansi-regex 13% building modules 28/34 modules 6 active ...项目配置\node_modules\ansi-regex 13% building modules 28/35 modules 7 active ...程首页\vue案例(源码)\源码\3移 13% building modules 29/35 modules 6 active ...项目配置\node_modules\ansi-regex 13% building modules 29/36 modules 7 active ...ue-loader\lib\component-normaliz 13% building modules 29/37 modules 8 active ...程首页\vue案例(源码)\源码\3移动端项目配置\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
 13% building modules 30/37 modules 7 active ...ue-loader\lib\component-normaliz 13% building modules 31/37 modules 6 active ...ue-loader\lib\component-normaliz 13% building modules 32/37 modules 5 active ...ue-loader\lib\component-normaliz 13% building modules 32/38 modules 6 active ...e案例(源码)\源码\3移动端项目配 13% building modules 33/38 modules 5 active ...ue-loader\lib\component-normaliz 13% building modules 33/39 modules 6 active ...例(源码)\源码\3移动端项目配置\ 14% building modules 34/39 modules 5 active ...ue-loader\lib\component-normaliz 14% building modules 35/39 modules 4 active ...ue-loader\lib\component-normaliz 14% building modules 36/39 modules 3 active ...s\html-entities\lib\html5-entiti 14% building modules 36/40 modules 4 active ...les\vue-router\dist\vue-router.e 14% building modules 37/40 modules 3 active ...les\vue-router\dist\vue-router.e 14% building modules 38/40 modules 2 active ...les\vue-router\dist\vue-router.e 14% building modules 38/41 modules 3 active ...ules\vue-hot-reload-api\dist\ind 14% building modules 39/41 modules 2 active ...les\vue-router\dist\vue-router.e 14% building modules 40/41 modules 1 active ...项目配置\node_modules\vue\dist\v 14% building modules 41/42 modules 1 active ...ode_modules\timers-browserify\ma 15% building modules 42/43 modules 1 active ..._modules\setimmediate\setImmedia 15% building modules 43/44 modules 1 active ...端项目配置\node_modules\process\ 94% asset optimization ERROR  Failed to compile with 2 errors7:26:14 PM

These dependencies were not found:

* !!vue-style-loader!css-loader?{"sourceMap":false}!../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!px2rem-loader?{"remUnit":50}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue in ./src/App.vue
* !!vue-style-loader!css-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-60799008","scoped":true,"hasInlineConfig":false}!px2rem-loader?{"remUnit":50}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./detail.vue in ./src/page/detail.vue

To install them, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":false}!../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!px2rem-loader?{"remUnit":50}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue !!vue-style-loader!css-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-60799008","scoped":true,"hasInlineConfig":false}!px2rem-loader?{"remUnit":50}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./detail.vue

上面是3移动端项目配置,下面是'2项目结构搭建'。

DELL@DELL-PC MINGW64 /e/慕课网/慕课网就业课程教辅下载/第四阶段/步骤二/3项目:Vue搭建课程首页/vue案例(源码)/源码/2项目结构搭建/2项目结构搭建
$ npm run dev

> vueproject@1.0.0 dev E:\慕课网\慕课网就业课程教辅下载\第四阶段\步骤二\3项目:Vue搭建课程首页\vue案例(源码)\源码\2项目结构搭建\2项目结构搭建
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 10% building modules 0/1 modules 1 active ... webpack/hot/dev-server ./src/main 10% building modules 1/2 modules 1 active ...client\index.js?http://localhost:8 10% building modules 2/3 modules 1 active ...ode_modules\webpack\hot\dev-server 10% building modules 3/4 modules 1 active ...\webpack\hot nonrecursive /^\.\/lo 10% building modules 3/5 modules 2 active ...s\webpack-dev-server\client\socket 10% building modules 3/6 modules 3 active ...\webpack-dev-server\client\overlay 10% building modules 3/7 modules 4 active ...建\node_modules\webpack\hot\emitte 10% building modules 3/8 modules 5 active ...案例(源码)\源码\2项目结构搭建\2 10% building modules 4/8 modules 4 active ...案例(源码)\源码\2项目结构搭建\2 10% building modules 4/9 modules 5 active ...目结构搭建\node_modules\webpack\ho 10% building modules 4/10 modules 6 active ...dules\webpack\hot\log-apply-resul 10% building modules 4/11 modules 7 active ...目结构搭建\2项目结构搭建\node_mod 10% building modules 5/11 modules 6 active ...目结构搭建\2项目结构搭建\node_mod 10% building modules 6/11 modules 5 active ...目结构搭建\2项目结构搭建\node_mod 10% building modules 7/11 modules 4 active ...目结构搭建\2项目结构搭建\node_mod 10% building modules 8/11 modules 3 active ...目结构搭建\2项目结构搭建\node_mod 11% building modules 9/11 modules 2 active ...目结构搭建\2项目结构搭建\node_mod 11% building modules 10/11 modules 1 active ...目结构搭建\2项目结构搭建\node_mo 11% building modules 11/12 modules 1 active ...2项目结构搭建\node_modules\event 11% building modules 11/13 modules 2 active ...\源码\2项目结构搭建\2项目结构搭 11% building modules 11/14 modules 3 active ...结构搭建\node_modules\strip-ansi 11% building modules 11/15 modules 4 active ...node_modules\loglevel\lib\loglev 11% building modules 11/16 modules 5 active ...结构搭建\node_modules\vue\dist\v 11% building modules 11/17 modules 6 active ...结构搭建\2项目结构搭建\node_modu 11% building modules 11/18 modules 7 active ..._modules\sockjs-client\dist\sock 11% building modules 12/18 modules 6 active ..._modules\sockjs-client\dist\sock 11% building modules 13/18 modules 5 active ..._modules\sockjs-client\dist\sock 11% building modules 13/19 modules 6 active ...ser\node_modules\punycode\punyco 11% building modules 13/20 modules 7 active ...node_modules\querystring-es3\ind 11% building modules 14/20 modules 6 active ...node_modules\querystring-es3\ind 11% building modules 15/20 modules 5 active ...node_modules\querystring-es3\ind 11% building modules 16/20 modules 4 active ...node_modules\querystring-es3\ind 11% building modules 16/21 modules 5 active ...目结构搭建\node_modules\ansi-htm 12% building modules 17/21 modules 4 active ...目结构搭建\node_modules\ansi-htm 12% building modules 17/22 modules 5 active ...码\2项目结构搭建\2项目结构搭建\s 12% building modules 17/23 modules 6 active ...建\node_modules\html-entities\in 12% building modules 18/23 modules 5 active ...建\node_modules\html-entities\in 12% building modules 19/23 modules 4 active ...建\node_modules\html-entities\in 12% building modules 20/23 modules 3 active ...建\node_modules\html-entities\in 12% building modules 21/23 modules 2 active ..._modules\sockjs-client\dist\sock 12% building modules 21/24 modules 3 active ...ode_modules\webpack\buildin\modu 12% building modules 21/25 modules 4 active ...ode_modules\webpack\buildin\glob 12% building modules 21/26 modules 5 active ...ode_modules\querystring-es3\deco 12% building modules 21/27 modules 6 active ...ode_modules\querystring-es3\enco 12% building modules 21/28 modules 7 active ...案例(源码)\源码\2项目结构搭建\ 12% building modules 21/29 modules 8 active ...les\html-entities\lib\xml-entiti 12% building modules 21/30 modules 9 active ...s\html-entities\lib\html4-entiti 12% building modules 21/31 modules 10 active ...s\html-entities\lib\html5-entit 12% building modules 22/31 modules 9 active ...s\html-entities\lib\html5-entiti 12% building modules 23/31 modules 8 active ...s\html-entities\lib\html5-entiti 12% building modules 24/31 modules 7 active ...s\html-entities\lib\html5-entiti 13% building modules 25/31 modules 6 active ...s\html-entities\lib\html5-entiti 13% building modules 26/31 modules 5 active ...s\html-entities\lib\html5-entiti 13% building modules 26/32 modules 6 active ...\源码\2项目结构搭建\2项目结构搭 13% building modules 26/33 modules 7 active ...码\2项目结构搭建\2项目结构搭建\s 13% building modules 27/33 modules 6 active ...码\2项目结构搭建\2项目结构搭建\s 13% building modules 28/33 modules 5 active ...码\2项目结构搭建\2项目结构搭建\s 13% building modules 28/34 modules 6 active ...结构搭建\node_modules\ansi-regex 13% building modules 28/35 modules 7 active ...案例(源码)\源码\2项目结构搭建\ 13% building modules 29/35 modules 6 active ...结构搭建\node_modules\ansi-regex 13% building modules 29/36 modules 7 active ...ue-loader\lib\component-normaliz 13% building modules 29/37 modules 8 active ...案例(源码)\源码\2项目结构搭建\2项目结构搭建\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
 13% building modules 30/37 modules 7 active ...ue-loader\lib\component-normaliz 13% building modules 31/37 modules 6 active ...ue-loader\lib\component-normaliz 13% building modules 32/37 modules 5 active ...ue-loader\lib\component-normaliz 13% building modules 33/37 modules 4 active ...ue-loader\lib\component-normaliz 13% building modules 33/38 modules 5 active ...\源码\2项目结构搭建\2项目结构搭 14% building modules 34/38 modules 4 active ...ue-loader\lib\component-normaliz 14% building modules 34/39 modules 5 active ...码\2项目结构搭建\2项目结构搭建\s 14% building modules 35/39 modules 4 active ...ue-loader\lib\component-normaliz 14% building modules 36/39 modules 3 active ...ue-loader\lib\component-normaliz 14% building modules 37/39 modules 2 active ..._modules\sockjs-client\dist\sock 14% building modules 37/40 modules 3 active ...les\vue-router\dist\vue-router.e 14% building modules 38/40 modules 2 active ...les\vue-router\dist\vue-router.e 14% building modules 38/41 modules 3 active ...案例(源码)\源码\2项目结构搭建\ 14% building modules 39/41 modules 2 active ...les\vue-router\dist\vue-router.e 14% building modules 39/42 modules 3 active ...案例(源码)\源码\2项目结构搭建\ 14% building modules 39/43 modules 4 active ...ules\vue-hot-reload-api\dist\ind 14% building modules 40/43 modules 3 active ...案例(源码)\源码\2项目结构搭建\ 14% building modules 40/44 modules 4 active ...e-style-loader\lib\addStylesClie 14% building modules 41/44 modules 3 active ...e-style-loader\lib\addStylesClie 15% building modules 42/44 modules 2 active ...案例(源码)\源码\2项目结构搭建\ 15% building modules 43/44 modules 1 active ...案例(源码)\源码\2项目结构搭建\ 15% building modules 44/45 modules 1 active ...\vue-style-loader\lib\listToStyl 15% building modules 44/46 modules 2 active ...ode_modules\timers-browserify\ma 15% building modules 44/47 modules 3 active ...de_modules\css-loader\lib\css-ba 15% building modules 45/47 modules 2 active ...de_modules\css-loader\lib\css-ba 15% building modules 46/47 modules 1 active ...de_modules\css-loader\lib\css-ba 15% building modules 47/48 modules 1 active ..._modules\setimmediate\setImmedia 15% building modules 48/49 modules 1 active ...目结构搭建\node_modules\process\ 95% emitting DONE  Compiled successfully in 12626ms7:42:40 PM

 I  Your application is running here: http://localhost:8085

这两个文件夹下面,都是从新npm install的,3移动端项目配置就死不行,2项目结构搭建' 就挺好。而且,我把3的复制到2,2也能正常跑;3无论是复制2的,还是重新下载都不行。老师测试下。看看问题出哪儿。试了2小时了

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好, 老师将后面几个源码都测试了。都是需要先cnpm install,再cnpm install -D px2rem-loader,再cnpm run dev

http://img1.sycdn.imooc.com//climg/5d3e56f60001566802460190.jpg

如果遇到项目启动不了, 同学也不要着急,根据控制台的报错信息,慢慢的解决就好了, 如果遇到解决不了的, 可以将报错信息截图粘贴过来, 并详细的描述一下你做了哪些操作导致了报错, 我们会帮助你解决的

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~~


  • Sherlock_bourne 提问者 #1
    好的~谢谢老师~
    2019-07-30 22:58:04
好帮手慕慕子 2019-07-28 11:23:19

同学你好, 老师亲测第三个项目,代码是没有问题的, 项目没有启动起来的原因是缺少一个插件px2rem-loader

http://img1.sycdn.imooc.com//climg/5d3d13c40001494c06460345.jpg

我们可以执行npm  install  -D  px2rem-loader下载此插件的依赖包。

http://img1.sycdn.imooc.com//climg/5d3d14170001dc7706620434.jpg

安装完依赖之后,我们可以尝试一下启动项目npm start(或者使用npm run dev命令) ,可以成功运行项目了

http://img1.sycdn.imooc.com//climg/5d3d148e00014c7406640423.jpg

http://img1.sycdn.imooc.com//climg/5d3d146000012ab605300095.jpg

效果图:

http://img1.sycdn.imooc.com//climg/5d3d14a60001a38905220297.jpg

编程过程中,遇到问题是很正常的,我们按照报错信息去执行相应的命令慢慢解决就好了,如果有疑惑的地方,可以在问答区进行提问, 我们会帮助你解决的

如果帮助到了你, 欢迎采纳!

祝学习愉快


  • 提问者 Sherlock_bourne #1
    后面几个demo是否也需要先cnpm install,再cnpm install -D px2rem-loader,再cnpm run dev?
    2019-07-28 19:50:59
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师