webpack安装出错

最新推荐文章于 2024-02-27 00:41:56 发布
最新推荐文章于 2024-02-27 00:41:56 发布
阅读量6.3k 收藏
点赞数 1
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eadio/article/details/54926551
版权

        最近一直在看vue框架，都说使用webpack打包程序好用，于是又去看了下webpack中文指南教程，根据步骤安装了下，结果在全局安装完在输入webpack -h就出现如下错误了



        webpack指南中说道Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。从上图可以看出我的nodejs版本是够的，但是为啥会出错呢？于是我又重新安装了一遍还是一样的错误，最后又去nodejs官网下载最新的win版本安装后，重新查看nodejs版本发现还是一样的，于是查找了下nodejs在win下面如何升级，有网友提到使用where node查看有哪些目录存在node.exe，只要删除到只剩下一个就好了。

        我先执行where node查看到我前阶段安装的appcan下方也使用到了node.exe，于是我就把appcan删掉了，重新安装果然就正确了。


        不知道什么原因，总之我保证在只有一个node环境下就没问题了~


***************************************************************************************************************

       根据中文指南教程使用测试如下：http://webpackdoc.com/usage.html

        1、进入e盘创建vueWap测试目录

        2、创建index.html，创建js文件夹并创建entry.js文件。根据使用教程输入document.write('hhhh')，创建模块文件并引入

        3、打开doc窗口，执行e:->cd vueWap->webpack js/entry.js js/bundle.js发生了如下反应，然后打开浏览



到此第一步使用webpack打包项目已经成功~

草灯
关注
专栏目录
webpack安装及使用
katherin_wanzi的博客
06-17 694
一.安装webpack 以管理员身份打开node.js 输入npm install webpack webpack-cli -g下载安装webpack 二.使用webpack 1.创建如下文件夹 2.代码部分 hello.js代码： exports.sayHi = function() { alert("Hello Webpack!!!"); } index.js代码： var hello = require("./hello"); hello.sayHi(); webpack.config
vscode中安装webpack_VSCode下手动构建webpack项目
weixin_39760065的博客
12-18 293
1.执行npm install nrm -g，安装nrm，此模块主要用于切换npm镜像源，简化手动配置步骤2.执行 nrm ls，可以看到npm源地址列表，当前使用的是默认源，npm https://registry.npmjs.org/3.执行 nrm use taobao，将npm的源修改为taobao所指向的地址4.再次执行nrm ls，可以看到npm的源已经指向了taobao源，今后执行n...
webpack作为本地开发依赖安装报错
初心 - 杨瑞超个人博客
08-03 718
欢迎加入qq群(IT-程序猿-技术交流群)：757345416 报错信息如下图： 本以为会有什么大错误或者依赖包出了问题，经过分析和网络资料的帮助查找到错误原因为：【package.json】文件中的【name】值为【webpack】，改一下即可！ 希望本文章对你的学习和工作有帮助！...
webpack 无法安装
weixin_38166789的博客
03-30 223
命令行输入: npm install webpack -g 解决办法：增加环境变量 D:\nine\trunk\node_modules\.bin\ bin目录下有webpack.cmd 如果还是不可以，可以重启电脑试试，我就是重启电脑才生效的 转载于:https://www.cnblogs.com/xiaotaiyang/p/53373...
npm install webpack 下载失败
最新发布
q610098308的专栏
02-27 642
1.可以换成国内镜像。
webpack下载图片压缩(imagemin)的依赖插件，出现下载失败的问题
coding...
12-03 1405
webpack下载图片压缩(imagemin)的依赖插件，出现下载失败的问题
webpack中plugin下载失败原因
lf_refuel的博客
06-01 444
一开始将npm版本切换低版本进行尝试，还是下载失败， 最后用cnpm下载成功了
详解webpack介绍&安装&常用命令
12-09
- `webpack --display-error-details`：在出错时显示详细错误信息。 - `webpack --watch`：监听文件变化，自动重新构建。 - `webpack -p`：压缩并混淆 JavaScript 代码，优化生产环境部署。 - `webpack -d`：生成 ...
终端中 npm安装报错 webpack
01-07
npm install 时，会出现很多错误，包括配置错误等。 以webpack中安装autoprefixer为例： 终端输入: npm install autoprefixer 报出一堆错 gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit...
Webpack & Webpack-cli 安装成功后查看 webpack -v报错
麻花是花名呀
11-07 3098
问题 1. 安装webpack webpack-cli npm install -g webpack webpack-cli 2. 查看webpack 版本 webpack -v 报错 /usr/local/lib/node_modules/webpack/lib/cli.js:66 .replace( ^ SyntaxError: Invalid regular expression: /(\p{Uppe
webpack静态资源打包上线后下载失败
jm2651568922的博客
04-09 254
webpack安装失败，解决方法
程序在执行
07-11 2万+
node webpack npm
webpack 4x版本 安装后提示错误
web前端开发大全
05-09 632
1、首先安装cnpm查看cnpm版本：cnpm -vcnpm@5.2.0 (D:\Program Files\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js) npm@5.8.0 (D:\Program Files\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm...
vue 解决问题：Webpack安装不成功，webpack -v无法正常显示版本号
水w的博客
03-02 9864
vue 解决问题：Webpack安装不成功，webpack -v无法正常显示版本号
WebPack系列教程（九）：故障排除
zzzkk2009的专栏
03-09 6463
解决一般解决问题 加上--display-error-details 参数，能得到更多的错误细节. 在解析过程中，阅读相关解析相关的配置。 loaders有它们自己的解析配置 resolveLoader。 npm link 的模块不要查找它们的依赖Node.js的模块求解算法非常简单：在加载模块的每个父目录的node_modules目录中查找模块依赖。当你使用npm link来作为依赖时，它们是不
webpack 4.x 本地安装
qq_39980334的博客
03-08 698
本文转载自https://www.cnblogs.com/BetterMan-/p/9867642.html 本文是对原创文章的本地安装补充 前言 本文主要从webpack4.x入手，会对平时常用的Webpack配置一一讲解，各个功能点都有对应的详细例子，所以本文也比较长，但如果你能动手跟着本文中的例子完整写一次，相信你会觉得Webpack也不过如此。 一、什么是webpack，为什么使用...
npm下载webpack时常见错误解决办法
@不喝海之言@
03-12 6314
npm下载webpack时出错解决办法 这篇博客，我介绍了初始阶段，全局安装的情况下，三种常见的npm下载webpack时出错的原因及其解决办法。 一：没有node.js 首先确定，你的电脑是否安装了node.js，并且可以正常使用。 可以在DOS命令窗口输入node -v，npm -v，看是否会出现版本号： 若正常显示，则成功，否则就需要重新安装一下了node.js了。 如果你没有安装，那...
webpack局部安装、配置与使用时的报错记录与解决方案
weixin_67665876的博客
11-08 2696
新手webpack配置时，容易遇到的Bug合集。
webpack安装与使用（详细）
热门推荐
qq_43812504的博客
06-25 2万+
webpack是现代javascript应用程序的静态模块打包器，当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 webpack更加强调模块化开发管理，文件压缩、预处理等功能，是它附带的功能。 注意：安装webpack ,要先安装node.js node.js自带了软件包管理工具npm 1.查看node版本（node的安装自行查找，很简单） 2.全局安装webpack,
安装webpack报错4048
09-06
安装 Webpack 出现 4048 错误通常是由于全局安装的 Webpack 版本与项目依赖的 Webpack 版本不一致造成的。解决这个问题的方法是： 1. 首先，确保你已经在项目的根目录下执行了 `npm init` 初始化了一个新的项目。 2. 然后，尝试使用项目本地安装 Webpack，而不是全局安装。在命令行中执行以下命令： ``` npm install webpack --save-dev ``` 3. 如果还是报错，尝试检查你的 package.json 文件中是否存在 webpack 的依赖项，并确保其版本号正确。可以手动编辑 package.json 文件，添加或修改如下内容： ``` "devDependencies": { "webpack": "版本号" } ``` 4. 最后，执行 `npm install` 命令来安装项目依赖。 这样应该可以解决 4048 错误。如果仍然遇到问题，请提供更多具体的错误信息或截图，以便我更好地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值