码迷,mamicode.com
首页 > Web开发 > 详细

webpack踩坑之旅

时间:2017-12-21 21:48:29      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:安装   失败   style   全局   node   输入   令行   dev   class   

1、安装webpack失败问题

技术分享图片

错误原因:

这主要是我以普通用户的身份进行webpack的全局安装,权限不够。

【普通用户】

说白了就是通过运行window+r+cmd进入的命令行

技术分享图片

解决方式:

用管理员权限打开命令行

技术分享图片

然后输入cnpm install webpack -g即可

 

2、webpack运行错误问题

要么是代码出了错误

技术分享图片

要么就是文件丢失

 技术分享图片

解决方式:

代码错了就根据提示修改过来;

文件丢失就把node_modules删除掉,然后重新cnpm install下载。这种情况往往发生在把一个项目复制过来,然后运行,根本原因是因为内部路径已经改变了,然而node_modules还是原生项目的配置。

 

3、安装url-roader失败

技术分享图片

错误原因:

可能是权限不够

 

解决方式:

用管理员方式进入命令行,执行命令cnpm install url-loader file-loader --save-dev

技术分享图片

 

4、es6转es5出现的错误

技术分享图片

错误原因:

babel配置错误

 

解决方式:

在webpack.config.js中把babel注释掉,在module:{loaders:[]}进行配置

技术分享图片

 

持续更新。。。。

webpack踩坑之旅

标签:安装   失败   style   全局   node   输入   令行   dev   class   

原文地址:http://www.cnblogs.com/fengxiongZz/p/8076225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!