vue项目webpack编译运行报错loaderUtils.parseQuery()

原创

wx62ca408a2c56b 2022-07-11 10:36:34 博主文章分类：webpack ©著作权

©著作权归作者所有：来自51CTO博客作者wx62ca408a2c56b的原创作品，请联系作者获取转载授权，否则将追究法律责任

报错信息

DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

经查，是babel-loader版本问题
原来"babel-loader": “6.2.4”,改为 “babel-loader”: “7.1.1” 就解决了

上一篇：linux设置命令映射，简化登录机器流程

下一篇：vue源码diff原理

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

为什么我的项目Debug运行没问题，编译成Release包就报错？

引言在Android开发中，debug包和release包的行为差异可能导致release包在运行时出现问题，而这些问题在debug包中不会出现。本文主要介绍debug包和release包的差异，导致此问题出现的可能原因及解决办法。一、Debug与Release编译的基本差异1. 编译配置· 优化级别：Release模式通常启用更高级别的编译优化，包括代码内联、循环展开、死代码移除等，以提高应

第三方库代码混淆 API
webpack5高级--04_ 优化代码运行性能

优化代码运行性能Code Split为什么打包代码时会将所有 js 文件打包到一个文件中，体积太大了。我们如果只要渲染首页，就应该只加载首页的 js 文件，其他文件不应该加载。所以我们需要将打包生成的文件进行代码分割，生成多个 js 文件，渲染哪个页面就只加载某个 js 文件，这样加载的资源就少，速度就更快。是什么代码分割（Code Split）主要做了两件事：分割文件：将打包生成

html 加载按需加载
Linux下makefile 编译项目

1、规划makefile编写a、根目录下放三个文件：1、makefile：是咱们编译项目的入口脚本，编译项目从这里开始，起总体控制作用。 2、config.mk：配置脚本，被makefile包含，单独分处理，为了应付一些可变的东西。 3、common.mk：最核心的编译脚本，定义makefile编译规则，并且各个子目录中都用到这个来编译.c文件的编译b、每个子目录下都有一个叫做makefile的文

nginx hg linux
node 项目loaderUtils.parseQuery() received a non-string value which can be problematic报错解决办法

(node:82942) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be prob

css html json
vue init webpack 建vue项目报错

首先我们用vue-cli新建项目。全局安装vue-cli npm install -g vue-cli 创建一个名字为demo的项目。 vue init webpack demo 结果报错了，错误如下：在网上找了很多，没发现同样的错误，试了网上很多方法也不管用，然后看到一篇文章说要更新一下node

node.js 新建项目
vue webpack 报错处理

1. vue-cli3中console.log报错:Module Warning (from ./node_modules/eslint-loader/index.js):error: Unexpected console statement (no-console) at(1). 原因:使用ESLint检查代码质量是进行提示的.(2). 解决:window.console.log(res)

代码质量 ico 初始化
WebPack实战 WebPack打包Vue项目

文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1

webpack vue.js npm 前端生产环境
vue init webpack projectName命令运行报错解决方法

###原因是已经安装了旧版本vue/cli @1 npm uninstall vue-cli -g npm install -g @vue/cli @2 vue create projectName

vue npm
vue 项目运行 yarn cnpm 报错

# Vue 项目运行时使用 Yarn 和 cnpm 报错的解决方法在现代前端开发中，使用 Vue.js 来构建用户界面已经成为一种流行趋势。而在管理项目依赖时，许多开发者选择使用 Yarn 或 cnpm 作为包管理工具。然而，在使用这两者时，可能会遇到一些常见的错误。本文将详细探讨这些错误的原因及解决方法，并提供代码示例和解决方案。## 一、常见错误描述在运行 Vue 项目时，使用 `

bash Vue 清除缓存
webpack搭建vue项目

基本安装首先创建一个文件夹webpack-demo(名字自取)，然后在本地安装webpack，接着安装webpack-clinpm init -ynpm install webpack webpack-cli --save-dev然后在主文件夹下新建一个src和public子文件夹和webpack.config.js配置文件在子文件夹public中新建index.html(此文件为入

html css bundle
VUE编译报错

背景: 在使用VUE添加标签的时候编译报错，报错如下：代码如下：解决：加一个<template>后加一个<div></div> 标签，问题解决

vue 编译报错
vue+webpack项目实战

概述 -- 项目中会用到的插件 vue-router vue-resource 打包工具 webpack 依赖环境 node.js start 安装vue开发的模板 # 全局安装 vue-cli 文件解释： build中配置了webpack的基本配置、开发环境配置、生产环境配置 config中配置了

ico 数据数组
Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

vue 项目 npm run dev 运行时报错：npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js原

解决方法版本号重新安装
vue webpack 启动报错checking for Python executable

使用cnpm 来安装：具体做法：安装cnpmnpm install cnpm -g --registry=https://registry.npm.taobao.org安装gulp-sass语法都是一样的，只是将npm换成cnpmcnpm install --save-dev gulp-sass

gulp javascript
vue-cli 3的项目，运行报错

$ npm run serve> vue-cource@0.1.0 serve D:\code\vue\vue-cource> vue-cli-service serveD:\code\vue\vue-cource\node_modules\_read-pkg@5.1.1@read-pkg\index.js:13 ...options...

vue 运行报错解决方法
vue项目webpack打包

之前一篇随笔写到vue多环境打包环境配置：https://www.cnblogs.com/shun1015/p/13411636.html 1.区分vue脚手架版本，版本不同，项目结构不同，多环境变量配置方式不同 package.json文件里 scripts对象上配置打包命令 2.打包后的代码如何 ...

html 服务器 css json 子域名
vue中webpack和less填坑：项目运行起来报错TypeError: this.getOptions is not a function

好久没怎么用less了，今天在vue项目中突然想用less来改轮播图的样式，做一个穿透。折腾几何，昏昏欲死，历经各番查阅，终于解决，此时心中飞过无数省略号！下面细说一下经历和填坑记录：我使用的vue版本是2.5.2，webpack版本是3.6.0，注意版本！之前本人尝试升级过webpack4.0配合使用sass，因为使用sass必须安装node-sass和sass-loader，使用中发现webp

vue less
vue项目配置transpileDependencies vue项目配置webpack

一、依赖安装首先考虑到一个vue项目需要用到的库有vue、element-ui、axios，先进行安装npm i vue element-plus axios安装完后会生成package-lock.json、package.json和node_modules，安装的版本如下：然后要安装webpack及需要用到的loader -D为安装开发依赖，只用于开发环境，安装完后会被写入package.js

前端 webpack vue.js css json
编译 java 项目运行报错 java编译出错和运行出错

Java的编译时错误&&运行时错误简单介绍：1. 要区分编译时错误和运行时错误，就应该先明白什么是编译？什么是运行？首先，先看一下这张图：解释：编译时错误：编译期就是将我们写的java源代码交给编译器执行的过程，起翻译的作用，该过程主要对java源代码的语法进行检查，如果没有语法错误，就将源代码编译成字节码文件（即.class文件）；运行时错误：运行期则是将字节码文件（.clas

编译 java 项目运行报错 java 编译器编译时错误字节码
离线webpack创建vue 项目

参考地址： https://blog.csdn.net/feinifi/article/details/104578546 画重点： // 需要带上参数--offline表示离线初始化。 --offline vue init webpack demo --offline 问题：解决：下载weba ...

webpack vue 初始化离线压缩包
python dataframe 筛选指定值

需求分析：我想筛选出df中存在两个字符串“USA”或者“CHN”的行，并把他保存下来#读取文件 df=pd.read_csv('20230626.export.CSV',sep='\t',header=None) #条件筛选 filtered_df = df[df.apply(lambda x: x.astype(str).str.contains("CHN|USA")).any(axis=1)

笔记字符串 CSV 数据
android获取粘贴板

2016/07/28eclipse常用快捷键shift+回车光标转到下一行开头这个我认为很有用，比如在上一行改完代码之后光标不在本行末尾此时使用这个快捷键就方便地跳转到下一行。比如此时光标在这里：此时不需要把光标移到行末使用此快捷键就OK了。↓复制本行内容到下一行。比如要将本行复制很多行，光标放在该行任意位置使用此快捷键就可以解决，与复制粘贴相比，简单粗暴。同理ctrl+

android获取粘贴板开发工具 web.xml java 快捷键
unity大量敌人优化

吃豆人（pacman）游戏需要实现功能：游戏场景的制作pacman的动画控制以及移动，豆子制作以及吃掉沿途的豆子。敌人的移动及其的巡逻逻辑，制作假的AI，吃掉玩家。游戏场景的特殊功能：超级豆子的制作及其逻辑（当pacman吃到超级豆子，暂停敌人的移动，此时pacman可以吃掉敌人让敌人回到初始位置）。UI设计（游戏开始界面，游戏计分板，游戏gameover界面，游戏win界面）以上的实现需要Gam

unity大量敌人优化 ide List System
java中使用arima模型进行时间序列的预测

文章目录1. 时间序列1.1 date_range1.2 truncate过滤1.3 Timestamp，Period，Timedelta1.4 时间转换1.5 period_range1.6 指定索引1.7 时间戳Timestamp 和时间周期period 转换1.8 时间序列插值2.股价预测（回归）2.1 查看数据2.2 取Close列每周的平均值2.3 Close列每周的平均值绘制折线图2

子节点数据时间序列
Java实现数据大屏中实时销售额最佳方案

基于storm的电商销售量大屏一、项目需求二、项目架构模型三、代码结构1.订单实体类2.模拟消息生产者3.消息消费者ProcessOrderBoltRealBoardTopology4.Redis使用工具类四、环境搭建1.storm集群搭建2.kafka搭建（1）下载并解压（2）安装zookeeper（3）配置kafka3.redis集群搭建五、环境启动1.启动zookeeper2.启动kafk

kafka redis java 可视化 storm

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯