• 【转】webpack4安装过程遇到的问题及处理方法


    随便百度一下,安装使用webpack的教程铺天盖地,安装一步步来,最后的最后打包没反应......,浪费了不少的时间。

    这里我要提醒一下,如果安装webpack1,2,3按照百度上的教程应该不会有问题,但是如果安装最新版本的那 就要注意了

    执行 npm insatll --save-dev webpack 后

    分别依次执行

                     npm install --save-dev webpack-cli

                    npm install --global webpack

                    npm install --global webpack-cli

    执行 webpack -v  出现版本号说明安装成功了。

    遇到的错误问题或提示等

    第一个问题

    You have installed webpack-cli and webpack-command together. To work with the "webpack" command you need only one CLI package, please remove one of them or use them directly via their binary.

    意思是:

    您已经安装了webpack-cli和webpack-command。要使用“webpack”命令,您只需要一个CLI包,请删除其中一个或直接通过二进制文件使用它们。

    这个时候可以执行

    npm remove  webpack-cli 或者 npm remove webpack-command    不行的话试试 npn remove --global webpack-cli

    第二个问题

    如果执行webpack -v 输出版本号,在执行 webpack 时报出下面的错误信息,那么恭喜你离成功之差一点点了

    PS D:webpack-test> webpack -v
    4.12.0
    PS D:webpack-test> webpack


    Insufficient number of arguments or no entry found.
    Alternatively, run 'webpack(-cli) --help' for usage info.


    Hash: ddf63e8c93f68cdb59ea
    Version: webpack 4.12.0
    Time: 86ms
    Built at: 2018-06-13 21:16:07


    WARNING in configuration
    The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
    You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

    ERROR in Entry module not found: Error: Can't resolve './src' in 'D:webpack-test'

    去所建的项目文件新建一个src文件,在src下新建一个index.js文件,然后在执行webpack

    你会发现错误不见了,但是会有 一下的警告

    PS D:webpack-test> webpack -v
    4.12.0
    PS D:webpack-test> webpack


    Insufficient number of arguments or no entry found.
    Alternatively, run 'webpack(-cli) --help' for usage info.


    Hash: ddf63e8c93f68cdb59ea
    Version: webpack 4.12.0
    Time: 86ms
    Built at: 2018-06-13 21:16:07


    WARNING in configuration
    The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
    You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

    ERROR in Entry module not found: Error: Can't resolve './src' in 'D:webpack-test'

    这个时候只需要执行

    npm run dev 或 npm run build  执行完命令以后,分别到项目中看一下是否生成一个文件夹名称为dist 该文件夹下生成一个名为 main.js文件  比较一下;
    ————————————————
    版权声明:本文为CSDN博主「不知所欲」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/caihongqiao8586/article/details/80685915

  • 相关阅读:
    Linux安装Nginx
    CentOS7上安装google谷歌浏览器
    解决MYSQL的错误:Got a packet bigger than 'max_allowed_packet' bytes
    Mysql ERROR 1067: Invalid default value for 字段
    Mysql查看版本号的五种方式介绍
    linux下mysql 查看默认端口号与修改端口号方法
    yum 和 rpm安装mysql彻底删除
    SpringBootSecurity学习(06)网页版登录方法级别的权限
    SpringBootSecurity学习(05)网页版登录内存中配置默认用户
    SpringBootSecurity学习(04)网页版登录其它授权和登录处理
  • 原文地址:https://www.cnblogs.com/appium/p/11855435.html
Copyright © 2020-2023  润新知