webpack打包问题

最新推荐文章于 2024-09-24 10:50:41 发布
最新推荐文章于 2024-09-24 10:50:41 发布
阅读量110 收藏
点赞数
分类专栏： webpack打包问题 文章标签： vue.js node.js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41929029/article/details/103594371
版权

webpack打包vue项目时总出错，报错是TypeError: Cannot read property ‘vue’ of undefined

在运行 npm run dev时能成功打包，但是运行webpack时就会爆出上述的错误

其实这就是webpack版本的问题，只需将webpack的版本降低就解决了，webpack高版本还存在兼容问题，^4 和^3都有兼容问题。
运行如下代码降低版本就可以了
cnpm install webpack@2.4.1
花了好多时间在找这个问题上，希望大家看到这个文章可以少花点时间在这上
weixin_41929029
关注
专栏目录
webpack 打包入门
gdutRex的博客
07-05 196
webpack入门 今天打算学习下webpack打包工具，结果发现挺多坑的 版本问题 因为之前使用过webpack，所以用的是旧版本，但是打包的时候发现识别不了webpack和npx webpack这2个命令行，我怀疑是版本问题，我就把全局的webpack和webpack-cli卸载掉重新安装指定的版本。// 国内还是建议使用cnpm npm install -g cnpm -registr...
Vue配置compression-webpack-plugin实现Gzip压缩
sinat_34849421的博客
03-03 2万+
gzip简介 HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。 简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。 那么客户端和服务器之间是如何通信来支持gzip的呢？通过下图我们可以很清晰的了解。 nginx启用gzip gzip on; # 开启Gzip gzip_static on;
初学webpack
猫
05-22 155
前提。基于Node.js使用webpack，首先安装Node.js，自带npm包管理工具，node_modules文件夹里放置项目的依赖包。npm init  （文件目录里面会多出一个package.json文件，里面可以自己配置信息，不会的话直接一路回车键按到底）比如项目需要jquery，你可以在项目里面  npm install jquery  (安装1.0.0版本就可以执行 npm inst...
webpack4.1.0的使用
cc1314_工作、学习有感
03-05 1629
1、安装nodehttp://blog.csdn.net/cc1314_/article/details/794485112、安装使用webpackcmd下执行以下命令：npm install webpack webpack-dev-server -gnpm install webpack-cli -g使用webstorm打开一个项目，<!doctype html> <html&...
2.2使用
努力奋斗的超人
12-05 194
安装 首先要安装 Node.js， Node.js 自带了软件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。 用 npm 安装 Webpack： $ npm install webpack -g 此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h 试试。 通常我们会将 We
解决vue+webpack打包路径的问题
08-27
然而，在实际部署过程中，可能会遇到Vue和Webpack打包路径的问题，导致应用无法正常运行。本文将详细介绍如何解决Vue+Webpack打包路径的问题。 首先，理解问题的核心在于Vue Router的history模式。在history模式下...
解决vue-cli webpack打包开启Gzip 报错问题
10-16
本文将详细介绍如何解决Vue-cli中Webpack打包开启Gzip功能时遇到的报错问题。 ### Vue-cli和Webpack基础 Vue-cli是一个基于Vue.js进行快速开发的完整系统，提供了一套统一的配置标准，旨在帮助开发者快速搭建Vue...
详解如何使用webpack打包多页jquery项目
10-17
本篇文章将详细讲解如何使用Webpack打包多页jQuery项目，以便在项目中仍然能够有效地使用jQuery库，并结合ES6特性进行开发。 首先，我们需要明确多页jQuery项目的特点：每个页面可能有各自的JS和CSS文件，且可能...
webpack打包node.js后端项目的方法
10-18
本文将详细介绍如何利用Webpack打包Node.js后端项目，包括必要的安装、配置步骤以及一个简单项目目录的构成。 知识点一：Webpack基础 Webpack可以看作是一个现代JavaScript应用程序的静态模块打包器。它在运行时...
说说webpack 安装过程中的那些错误（坑）
热门推荐
wanxue0804的博客
03-02 4万+
安装webpack可谓是心累啊，我花了好几天时间都没安装好，各种报错啊， 什么Please install 'webpack-cli' in addition to webpack itself to use the CLI. 什么-bash: webpack: command not found 还有No such file or directory各种坑我都基本进了一遍 终于，经过不断...
简单地使用webpack进行打包
LPLIFE的博客
07-02 3万+
之前写的有些零散,现在一步步再重新写.一.确保已经安装了nodeJS之后.二. 创建webpack-demo,我的是f盘下的,2.然后进入这个文件夹:3.进行初始化,一路都是选择默认(回车就可以):查看初始化后的文件夹,里面只有一个json文件:4. 接下来装webpacknpm install webpack --save-dev安装完成:查看项目下,发现已经:5.然后用编译器打开当前项目...
WEBPACK打包入门，避免入坑，最新版本
timuzhang的博客
06-22 888
搞了一天终于完成了最简单的打包！通过npm命令打包文件，看了很多相关文章，但是都没有解决问题，都还是会报错，可能也是因为版本的问题，现在总结一下，避免大家入坑，本人小白一枚，大神可以忽略。总结一下对于刚入门的新人来说可能还是对webpack整体结构不太熟悉，网上很多文章写得也很详细，点击量也大，但是今天按他们的方法就是试不出来，个人猜测从新版本的webpack开始默认将打包输入起点定位.\src\...
webpack 4.14.0 版本太高，无法执行相关指令，（将webpack高版本切换到低版本）--直接覆盖
qq_27300101的博客
07-04 7418
（1）问题：webpack 4.14.0 版本太高，无法执行相关指令，（2） 解决办法：将高版本切换到低版本（3）实现webpack 4.14.0 版本太高，无法执行相关指令，指令不熟悉，高版本切换到低版本，直接重新安装就行，使用 npm i webpack@3.6.0 -g  ...
webpack打包（版本：4.5.0）
youyou_LIN的博客
04-12 799
webpack打包要安装webpack 和 webpack-cli一、配置webpack.config.js文件const htmlWebpackPlugin = require('html-webpack-plugin'); //自动生成html文件const config = {    //打包单个文件 entry: __dirname + "/app/index.js",   ...
基于JavaWeb开发的Java+SpringMvc+vue+element实现驾校管理系统详细设计
最新发布
央顺科技官方博客
09-24 869
机遇与挑战始终并存。在开放的互联网平台面前，驾校预约管理系统的信息管理面临着巨大的挑战。传统的管理模式局限于简单数据的管理，无法适应不断变化的市场格局。在早期阶段，在将计算机技术和网络技术融入驾校预约管理系统数据管理方法之前，所有管理方式都通过人工操作完成了管理信息的。系统管理也都将通过计算机进行整体智能化操作，对于驾校预约管理系统所牵扯的管理及数据保存都是非常多的，举例像所有详细信息包括，管理员；首页、个人中心、学员管理、驾校教练管理、驾校车辆管理、预约管理、取消预约管理、驾校公告管理、系统管理。
vue上传预览CAD文件
只会写bug
09-24 587
如果选择的是 Three.js，那么可以创建一个场景来加载和显示模型。如果是用特定的 CAD 查看器库，则按照其文档进行集成即可。根据具体需求和技术能力，可以选择最适合的解决方案来实现 CAD 文件的上传和预览功能。
Webpack打包优化实战：减少体积与提升速度
本文将围绕Webpack打包优化展开讨论，针对在实际项目中遇到的问题，如大体积的vendor.js文件和打包速度慢，作者分享了一些实用的技巧和策略。 首先，优化的重点在于定位和减少大体积模块。利用webpack-bundle-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值