webpack4安装过程遇到的问题及处理方法

最近想学点前端的东西,听说vue听不错的,结果跑去研究webpack了...

 
  

我就分享一点我觉得很重要的东西,我在安装过程中遇到的问题,节省时间!

随便百度一下,安装使用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文件  比较一下;

下面就简单了,祝你们一步到位





你可能感兴趣的:(开发杂记)