webpack安装失败（webpack中node-sass、sass-loader在Linux中安装问题）

本文目录

• webpack中node-sass、sass-loader在Linux中安装问题
• webpack安装出现uglifyjs-webpack-plugin postinstall的错误
• 安装webpack 出现这个报错，有大神帮忙解决的吗
• 安装html-webpack-plugin 报错
• 【Web前端基础】webpack全局安装失败怎么办
• webpack项目报错
• webpack坑系列--安装webpack-cli
• linux下安装webpack遇到的问题

webpack中node-sass、sass-loader在Linux中安装问题

我是在深度deepin4.15.0的Linux系统上搭建的环境,node和npm版本如下：

在安装node-sass的过程中确实很容易遇到的坑 1、一开始安装的时候一直报错，看报错也没仔细，在网上找了各种安装node-sass的方法，均失败； 2、后来仔细看了一下是g++命令执行失败导致的，这种情况是Linux操作系统g++版本的问题，属于g++低版本的原因。 报错当时忘记截图了，后来也没找到，所以就不附报错内容了。 3、先更新系统g++版本 a.先更新安装更新gcc（需要在root权限下去更新）： sudo apt-get install gcc

b.再安装更新g++（需要在root权限下去更新）： sudo apt-get install g++

4、这样g++就安装好了，可以开始安装node-sass了，本以为会一路绿灯，无奈事与愿违； 刚开始安装node-sass是4.5.3的版本安装报错如下：

出现这种报错情况一般是版本的问题导致。 5、安装node-sass的4.12.0版本没有报错就算成功了： npm install node-sass@4.12.0 (可以加 -g 或 -save-dev 进行全局或局部安装) 6、安装sass-loader的7.1.0版本没有报错就算成功的； npm install sass-loader@7.1.0 (可以加 -g 或 -save-dev 进行全局或局部安装) 7、可以到package.json文件中查看包是否存在

总结： 安装各种webpack的依赖经常会出现这种或那样的问题，需要我们仔细分析一下报错才行。虽然网上有各种问题的安装方法，但按照他们的也许可行，也许不可行，但总会耗费自己的大量时间。所以仔细分析自己的报错是什么原因导致的，才能对症下药快速解决问题。

webpack安装出现uglifyjs-webpack-plugin postinstall的错误

可以看看webpack的官网的, 比如在installation这个章节, 里面就介绍了怎么安装webpack.首先你需要安装一个全局的webpacknpm install webpack -g这样你才可以正确的使用webpack这个命令然后, 你还可以在当前项目里面也安装一个webpack, 这也是官方推荐的做法npm install webpack --save-dev这样就可以在你的webpack.config.js里面方便的引用webpack// webpack.config.jsvar path = require(’path’);var webpack = require(’webpack’);然后在使用一些plugin的时候就比较方便了new webpack.optimize.CommonsChunkPlugin(’common.js’)或者你可以看看webpack的官网的, 比如在installation这个章节, 里面就介绍了怎么安装webpack. 首先你需要安装一个全局的webpack npm install webpack -g 这样你才可以正确的使用webpack这个命令 然后, 你还可以在当前项目里面也安装一个webpack, 这也...

安装webpack 出现这个报错，有大神帮忙解决的吗

可能程序不兼容， 可以更换个版本试试。另外建议参考下程序对配置的要求。或者右键需要运行的程序 选择兼容性 用兼容模式运行试试。

安装html-webpack-plugin 报错

那你试这在Eclipse 中新建一个web工程，部署到tomcat下，如果部署成功，那么是你的web项目的问题，可以考虑把web项目中的代码拷贝到你新建的web项目中。如果部署失败，可能你的tomcat出现问题了。你可以考虑下 重装tomcat或者是使用别的中间介

【Web前端基础】webpack全局安装失败怎么办

WebPack的安装，采用的是命令行npm形式的安装。d://切到d盘mkdir webpack_demo//在d盘下新建webpack_demo文件夹cd webpack_demo//进入该文件夹下npm install -g webpack //全局安装webpack（备注如果这样安装会出现提示安装webpack-cli；这是4.x的提示，如果不想安装webpack-cli需重新安装低版本webpack）npm uninstall -g webpack //先卸载之前安装的webpacknpm install -g webpack@3.6.0 //安装低版本webpack全局安装完成后，我们还要进行一个项目目录的安装。在用npm安装前，我们先要进行一下初始化，初始化的主要目的是生成package.json文件（这是一个标准的npm说明文件，里面蕴含了丰富的信息，包括当前项目的依赖模块，自定义的脚本任务等等，如果你对此文件还不了解，可以看看node 的相关知识）。npm init//初始化项目，可以一路回车生成的package.json文件npm install --save-dev webpack@3.6.0 //官方不太支持全局安装，会锁定版本，因此对项目目录安装安装完成后可以查看版本号 webpack -v安装完成后新建webpack.config.js配置文件基本配置const path = require(‘path’);const uglify = require(‘uglifyjs-webpack-plugin’);//代码压缩module.exports={//入口文件的配置项entry:{entry:’./src/entry.js’,//这里我们又引入了一个入口文件entry2:’./src/entry2.js’},//出口文件的配置项output:{//输出的路径，用了Node语法path:path.resolve(__dirname,’dist’),//输出的文件名称filename:’.js’},//模块：例如解读CSS,图片如何转换，压缩module:{rules: ,//配置webpack开发服务功能devServer:{//设置基本目录结构contentBase:path.resolve(__dirname,’dist’),//服务器的IP地址，可以使用IP也可以使用localhosthost:’localhost’,//服务端压缩是否开启compress:true,//配置服务端口号,可自定义port:1717}}（备注：安装webpack-dev-server时安装完后，运行报不是内部指令，需要在package.json中配置下）“scripts”: {"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js","start": "npm run dev","build": "node build/build.js"12345},如果还是报不是内部指令，则重新安装低版本 npm i webpack-dev-server@2.9.1npm install --save-dev webpack

webpack项目报错

尝试性解决方法

1、有可能是node版本的问题，可以安装高一点的版本，若项目有要求，可能要安装低一点的版本 2、将依赖包删掉重新安装 3、需要cnpm安装的依赖使用了npm安装，问清楚使用什么安装。

1、iView配置主题时报错

build-utils

2、 Syntax Error： Unexpected token webpack没处理es6的语法，安装配置babel

1、Cannot read property ’compilation’ of undefined (last-call-webpack-plugin)

2、ERROR in xxx.js from UglifyJs

1》 安装依赖

2》 webpack.config.js

3》根目录下添加【.babelrc】文件,内容如下

1、Loading chunk 10 failed. at HTMLScriptElement.i 路由不能跳转 解决方式： config - index.js

1、You may have an infinite update loop in a component render function.

网站导航

webpack坑系列--安装webpack-cli

最近在学习webpack过程中，根据官方文档推荐局部安装webpack，执行webpack -v命令出现以下提示 npm install webpack-cli -D提示在开发环境中局部安装webpack-cli 成功安装webpack-cli后，运行webpack -v还是提示 说明webpack命令还是没有成功执行 不知道什么情况在package.json文件中，显示webpack和webpack-cli已经成功引用 在网上搜索答案中发现 在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。 尝试全局安装npm install -g webpack-cli 执行webpack -v成功执行 不再提示安装webpack-cli 如果你webpack和webpack-cli是局部安装的，想要使用webpack命令必须进入node_modules/.bin/webpack才能执行webpack命令，.bin目录包含的是一系列可以执行的命令，但是如果你是全局安装的webpack-cli，就不需要进入bin目录，webpack就能够寻找到它的命令路径了

linux下安装webpack遇到的问题

Error: Cannot find module ’webpack-cli’     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)     at Function.Module._load (internal/modules/cjs/loader.js:507:25)     at Module.require (internal/modules/cjs/loader.js:637:17)     at require (internal/modules/cjs/helpers.js:22:18)     at runCommand.then (/root/.nvm/versions/node/v10.15.0/lib/node_modules/webpack/bin/webpack.js:142:5)     at process._tickCallback (internal/process/next_tick.js:68:7) code: ’MODULE_NOT_FOUND’ }# npm i webpack -g 很顺利就安装好了webpack # webpack -h 但是就当我查看webpack命令的时候 One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: ***隐藏网址***   The original webpack full-featured CLI. We will use "npm" to install the CLI via "npm install -D". Do you want to install ’webpack-cli’ (yes/no): 我没有多思考就yes 然后就报出了最上面的错误 后来发现我现在的路径是# 但是我是 -g全局安装的webpack 但是当我输入yes的时候，系统查找的是我当前路径下的package.json当然了就无法安装了毕竟 webpack安装在全局，webpack-cli也得全局安装 # npm i webpack-cli -g 当然我就想看一下我之前全局安装过的npm 包都有哪些： # npm list -g --depth /root/.nvm/versions/node/v10.15.0/lib ├── npm@6.7.0 ├── to@0.2.9 ├── update@0.7.4 ├── webpack@4.29.0 └── webpack-cli@3.2.1