webpack not installed使用webpack打包相应的文件显示未安装

最新推荐文章于 2024-10-27 20:04:59 发布
最新推荐文章于 2024-10-27 20:04:59 发布
阅读量513 收藏
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dreamer_Ji/article/details/107269904
版权
本文详细解释了在使用webpack打包文件时遇到的'webpacknotinstalled'错误，指出这是由于webpack版本安装错误导致的问题，并提供了具体的解决步骤：通过在本地命令行使用'npminstallwebpack@3.5.5-g--unsafe-perm'命令重新安装指定版本的webpack来修复此问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

webpack not installed使用webpack打包相应的文件显示未安装

在这里插入图片描述

原因：

是安装的webpack版本出错了

解决办法：

在本机cmd中使用npm install webpack@3.5.5 -g --unsafe-perm命令进行重新安装此版本
在这里插入图片描述

Dreamer_Ji
关注
vue使用workbox-webpack-plugin完成打包部署提醒用户版本更新刷新获取，再也不用担心缓存问题导致用户体验不好了
swagLi的博客
06-19 719
vue实现版本控制自动提醒用户版本更新刷新页面
解析webpack打包CommonJS时生成代码
叹之
11-22 1021
介绍 前端模块化开发通常会用到commonJs或ES6提供的模块化语法，此处介绍通过commonJS时，webpack打包生成文件的代码 打包前的文件 // main.js const {add, mul } = require('./mathUtils.js') console.log(add(20, 50)) console.log(mul(20, 50)) // mathUtils.js function add(a, b) { return a + b; } function mu
vscode里webpack4.0以上版本出现webpack not installed问题以及出现禁止脚本运行
weixin_44132829的博客
07-22 634
vscode里webpack4.0以上的版本时，明明已经安装好webpack确出现这个webpack not installed这个问题时。 首先4.0之后的版本需要加 npx webpack 跟着上面的要求安装 cnpm install --save-dev webpack 接着继续安装 cnpm install webpack-cli -D 最后 npx webpack ./src/main.js -o ./dist/bundle.js 如果出现禁止脚本运行的话 1.先用管理员身份运行v
关于webpack安装报错提示It looks like webpack is not installed would you like to install ‘webpack‘ package?
C1rq99的博客
02-27 1684
关于webpack安装报错提示解决It looks like webpack is not installed would you like to install ‘webpack’ package? 如果你电脑中安装的node版本大于9.0，在安装webpack时，他会强制要求你安装webpack5，如果你并不想用webpack5，去安装webpack4时就会出现这个报错，要求你强制更新webpack成最新版本以及webpackcli。 解决 将电脑中大于9.0版本的node卸载去下载其他低于9.0版本
webpack 无法安装
weixin_38166789的博客
03-30 259
命令行输入: npm install webpack -g 解决办法：增加环境变量 D:\nine\trunk\node_modules\.bin\ bin目录下有webpack.cmd 如果还是不可以，可以重启电脑试试，我就是重启电脑才生效的 转载于:https://www.cnblogs.com/xiaotaiyang/p/53373...
webpack执行报错 webpack not installed Install webpack to start bundling:$ npm install --save-dev webpack
m0_47611688的博客
09-09 591
webpack 执行时报错：webpack not installed 出现的问题： 但是确定已经全局安装过了 webpack ： 解决方案： 1、根据提示进行操作：输入：npm install --save-dev webpack 2、然后下载webpack-cli 命令 npm install webpack-cli -D 3、然后就可以使用命令进行打包了 ...
webpack-安装
weixin_34354945的博客
03-21 89
以前配置的gulpfile.js，随着版本的迭代更新，现在已经...   1.安装webpack npm i -g webpack-cli && npm i -g babel-preset-env   2.弹射出窗口（我们未安装Git，或者未找到Git path，请配置path）   3.再次执行命令时，提醒我们登陆Git账号(我记得以前没有任何要求的啊)...
webpack打包提示webpack not installed 安装后显示 webpack: command not found解决方案
zhao_li_ming的博客
10-15 4124
webpack打包提示webpack not installed 安装后显示 webpack: command not found解决方案 1.使用webpack -v检测 说明webpack已经安装但是打包又提示webpack not installed 4.43.0 2.百度搜索说版本问题 于是卸载重装 npm uninstall webpack -g 重装指定版本webpack 这里装的是3.5.5，注意-g表示全局安装，默认局部安装 npm install webpack@3.5.5 -
使用Webpack解析Markdown文件
小呀嘛麻的博客
08-18 2247
传送门 Github地址 M-UI 搭建一个简单的前端组件库 可能有人要问，什么是 Markdown 文件（传送门：Markdown 教程）？为什么这里要讲到如何解析 Markdown 文件？我们接着往下看： Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。 注意，Markdown 可以导出 HTML ，我们在网页中需要展示代码，如果我们自己往文件中填入 pre、code 内容，需要消耗大量时间和代码，而 Markdown 文件已经提供了这种转换.
vue 解决问题：Webpack安装不成功，webpack -v无法正常显示版本号
水w的博客
03-02 1万+
vue 解决问题：Webpack安装不成功，webpack -v无法正常显示版本号
没安装webpack等相关配置，频繁刷新导致报错（转载）
weixin_57988035的博客
12-20 294
报错原因：没安装webpack等相关配置，频繁刷新导致报错。 解决方法： WDS其实是webpack-dev-serverwebpack的意思，用来实现自动刷新的。 你在Vue组件进行频繁刷新时，如果没有安装Webpack，虽然页面可以正常显示，但是控制台会在你每次刷新时就报错。 解决方法是：在开发目录下安装Webpack，命令为npm install webpack-dev-server --save-dev ，即可解决热更新报错问题。 ...
安装webpack后显示webpack: not installed
qq_43622870的博客
02-04 1858
（个人记录） 看看你当前文件夹下是不是有个node_modules文件夹，初始化项目的时候自动生成 删除，重新 npm install webpack -g
webpack安装配置打包问题
UNDEFINED_AUBE的博客
08-18 1853
    关于安装配置webpack，我遇到的问题是：     已经全局、局部安装了webpack，在命令行中输入webpack -v也会显示版本号，并且也按照网上的一些教程配置了环境变量，但是在打包文件的时候还是会报Cannot find module 'webpack'这个错误，下面是我解决这个问题的做法   一、前提条件     1、确保自己安装的是Node.js最新版本，如果已经安装...
webpack 执行报错webpack not installed解决
qq_41923361的博客
07-14 3868
webpack 执行报错webpack not installed 解决方法： https://blog.csdn.net/qq_45734511/article/details/107530714
报错‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。_webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
最新发布
2401_87555402的博客
10-27 1880
2、如果有就将这个node_modules文件夹删掉，重新执行npm install，等待安装完之后，再次运行“npm run dev”，有些人的是马上就可以了，然而往往还会有人（譬如我）仍然报类似的错误，这个时候你只需要再次重复相同的操作即可，“一次不成再删再安装”！在我们初始化Vue项目的时候，有时候会碰到’webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。方案二：如果还是不可以就尝试第二种方法，通常是没有装依赖导致的问题。
Webpack安装教程
热门推荐
张先生
08-10 3万+
本章为大家分享webpack4.0后的安装教程，自己刚接触时，网上大部分都是以前的安装教程，在过程真遇到些坑，为了大家不必浪费更多的时间，这里将为大家详细介绍 webpack是什么，它是一个根据模块依赖关系进行静态分析的工具，简单来说就是打包工具，在当前的前端打包工具的使用时是趋势的发展；下面进入正题 在安装webpack前，你必须为本机安装 node.js ；这个你直接去官网选择相应的系统直...
webpack-demo
在无知中学习，在学习中成长，在成长中学习
03-30 1405
webpack基本使用 第一步： 1.初始化项目 npm init 2.安装依赖包(-D 开发环境 -S 生产环境) npm install webpack webpack-cli -D 3.创建webpack.config.js配置文件 "build": "webpack --config webpack.config.js" 配置webpack配置 运行webpack配置，进行打包 npm run build 4.配置entry入口文件，output出口文件以及m
webpack4.0之后在项目中的安装配置问题
Ling_smile的博客
08-30 389
webpack4.0在项目中的安装配置 最近在学vue，刚好学到了webpack，因为看的教程比较老，他们用的都是webpck4.0以下的版本，我一步一步跟着教程的步骤来，发现教程里一点问题都没有，到我自己做的时候就遇到了几个坑，趁着还记得比较清楚，把它记下来。 安装webpack 全局安装webpack： 命令行执行: npm i webpack -g 局部安装（项目中安装）： 我用的是VSCo...
webpack打包工具的使用笔记
czxboys的博客
08-05 727
1、将css文件写在src目录下。1、创建src和dist目录。使用浏览器打开01.html。2、全局下载webpack。看见如下效果即为成功。3、安装完查看版本号。
Django与Webpack Encore集成教程：快速上手指南
了解Webpack的工作原理、如何配置和使用Webpack Encore，以及如何处理Django中静态文件的加载和优化，都是提高Django项目前端开发效率和质量的重要方面。 7. Django与现代前端工具链的整合 Django-encore的使用不仅...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值