webpack报错

1、报错信息：

          ERROR in multi ./app/index.js build/build.js
          Module not found: Error: Can't resolve 'build/build.js' in 'D:\我的前端\前端学习\webpack\pack'
          @ multi ./app/index.js build/build.js main[1]

  解决：

          1、在全局和本地都安装babel-loader 和 babel-core          

                  相关命令如下：

                       npm install babel-loader -g

                       npm install --save-dev babel-loader

                       npm install babel-core -g

                       npm install --save-dev babel-core

        2、由于webpack版本过高，原来的命令已经不适用了

              原来的命令：webpack app/index.js build/build.js

              新的命令：  webpack app/index.js -o build/build.js 

 

2. 报错信息

解决：

      加上-loader后缀

      原来的：require('style!css!./app/css/style.css');

      加后缀：require('style-loader!css-loader!./app/css/style.css');

 

3. 报错信息                           

      报无效配置的错误，如下：

    原因：webpack版本更新，新的规则改变。

    解决：

        1. 在output的path路径前添加 __dirname 注意：前面是两个_

        2. 把module里的loaders改成rules

 

4. 报错信息

            npm ERR! code ENOSELF
            npm ERR! Refusing to install package with name "webpack-dev-server" under a package
            npm ERR! also called "webpack-dev-server". Did you name your project the same
            npm ERR! as the dependency you're installing?

      报错原因：packpage.json中的name值(项目文件名)不能与所安装依赖包名称一致。

      解决：将packpage.json文件中的name值(项目文件名)修改为与安装依赖包名称不同的名称

 

 

5.报错信息

       The CLI moved into a separate package: webpack-cli.
       Please install 'webpack-cli' in addition to webpack itself to use the CLI.
      -> When using npm: npm install webpack-cli -D
      -> When using yarn: yarn add webpack-cli -D

           

解决：

      在项目根目录下本地安装 webpack-cli

      npm install webpack-cli -D

6. 报错信息

  

解决：

         手动创建输出文件夹

         比如：我们使用webpack-dev-server时，会默认打包app文件夹内的index.js文件，打包完成之后是build.js文件，build.js文件的输出路径是build文件夹，这个build文件夹需要我们手动创建。

 

7. 报错信息

Error: Module 'D:\我的前端\前端学习\webpack\react-hot\node_modules\react-hot-loader\index.js' is not a loader (must have normal or pitch function)

解决：使用旧版本的react-hot-loader (我使用的是1.3.0,未再报错)

 

8.报错信息

   "module not found: Error:cannot resolve module 'react/lib/ReactMount'"

原因：npm install安装时会默认安装最新版本。而在React 15.4.0 已经把 ReactMount.js 移到 react-dom 下了

解决：

      手动安装更新之前的版本

           npm install react@15.3.0 --save-dev

           npm install reacy-dom@15.0.2 --save-dev