ERR1 : Use ‘stats.children: true‘ resp. ‘--stats-children‘ for more details

已于 2023-04-12 17:33:44 修改
阅读量7.3k 收藏
点赞数 1
分类专栏： # Vue学习过程 error集合 文章标签： vue
于 2022-11-12 11:19:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CarFixed/article/details/127817687
版权

23/04/12学习回顾:
以下报错是因为ejs模板引擎,ejs语法就是<%= %>,并且在注释中也会解析

在cli中运行 npm run serve 遇见的error :
1 ERROR in child compilations (Use ‘stats.children: true’ resp. ‘–stats-children’ for more details)

  1. 在网上搜索error信息,找到以下文章
    https://blog.csdn.net/coralpapy/article/details/119383767
  2. 文章中提了一句相关error解释
    需要特别留意html模板的所在文件的绝对路径，否则会报错找不到
1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
//文件路径错误报错
  1. 于是定位error应该是由于public里面的index.html 里面
  2. 通过部分复制粘贴与源码的对比,发现在问题处在注释里面<%= %>,导致模板解析时出问题.
<head>
    <!-- 配置页签的图标,当项目实施时可能有各种路径问题,cli因此在这里把./和/转化成<%= %>,底层有一定处理-->
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <!-- 配置网页的标题<%= %> 中的内容代表来到package.json中找到name对应的名称=>webpack插件的一个功能 -->
    <title><%= htmlWebpackPlugin.options.title %></title>
</head>
  1. 之后学习中应该注意解释内容
CarFixed
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
webpack中对html进行打包压缩
Coralpapy的博客
08-04 3499
1 引入相关打包压缩插件：html-webpack-plugin 详细配置链接： https://www.npmjs.com/package/html-webpack-plugin PS D:\Webpack\03-webpackcss> npm i -D html-webpack-plugin 2.webpack.config.js中引入相关插件，在plugin配置中进行实例化 const HtmlWebpackPlugin = require('html-webpack-plugin.
fastify-eos:固定EOS.js装饰器插件
04-29
register ( require ( 'fastify-eos' ) , { httpEndpoint : 'jungle.eosio.cr' } , ( err ) => { if ( err ) throw err })fastify . get ( '/info' , ( req , reply ) => { const { eos } = fastify return await ...
webpack Html-webpack-plugin报错： Error: Child compilation failed
热门推荐
qq_64436918的博客
04-19 1万+
报错 ERROR in Error: Child compilation failed: Module not found: Error: Can't resolve 'D:\练习\webpack\index.html' in 'D:\练习\webpack' ModuleNotFoundError: Module not found: Error: Can't resolve 'D:\练习\webpack\index.html' in 'D:\练习\webpack' at D:\
【webpack】配置时的常见报错处理
最新发布
qq_32768761的博客
05-11 2164
【webpack】配置时的常见报错处理... 【持续更新新问题及方案】
解决webstrom ERROR in [eslint] ESLint is not a constructor
H_Dsheng的博客
07-03 4755
解决webstrom ERROR in [eslint] ESLint is not a constructor
在laravel-shop根目录下运行npm run dev遇到的一个错误及解决
格物致知的专栏 [音视频编解码 网络协议 计算机视觉 计算机图形学 图像理解 语音识别 机器学习 模拟电路 传感器]
11-26 1005
npm在安装依赖包时默认会选择最新的版本，6.7.2就是最新的版本，所以出现了不匹配，于是作版本回退后再尝试，先查看一下有哪些版本可以安装：npm view css-loader versions。安装命令：npm install css-loader@5.0.0 --save-dev。从内容看来，知道是css-loader版本安装的不对导致的，于是查看安装的版本：npm view css-loader version。生成的文件位于：laravel-shop根目录/public/js/app.js。
1 error in child compilations webpack 5
胡聊前端的博客
12-15 1万+
出现这个错误原因可能是有很多，但该错误并不会打印出错误的堆栈信息。 [webpack-cli] Compilation finished assets by status 15 bytes [cached] 1 asset ./temp.js 14 bytes [built] [code generated] 1 ERROR in child compilations webpack 5.10.2 compiled with 1 error in 298 ms 这让人情何以堪？ 我尝试自己写插件捕获错误日
node-turl:TinyURL Node.js模块-https
04-29
节点网址 URL缩短器Node.js模块 用法 const turl = require('turl'); turl.shorten('http://google.com').then((res) => { console.log(res); }).catch((err) => { console.log(err); });
chromecast-api:Chromecast Node.js模块
05-12
chromecast-api chromecast-api是一个NodeJS模块，可播放您的Chromecast设备中的所有内容。 安装 npm install chromecast-api 用法 const ChromecastAPI = ... play ( mediaURL , function ( err ) { if ( ! er
honeybadger-node:honeybadger.io的node.js通知程序
05-26
Honeybadger for NodeJS 这是Node.js模块，用于将应用程序与 :high_voltage: 。 当发生未捕获的异常时，Honeybadger会将相关数据发布到Honeybadger服务，我们将提醒您该问题。 从0.x升级 我们在1.0中进行了一些...
node-zendesk：与node.js一起使用的zendesk API客户端库
02-01
节点zendesk 一个与node.js一起使用的Zendesk API客户端库阅读blakmatrix.github.io/node-zendesk/的完整文档承诺支持介绍Promise支持是在@v... list ( function ( err , req , result ) { if ( err ) { console . log
vue3项目运行报错
皮皮虾的博客
07-13 2610
vue3创建项目运行报错
webpack5打包图片报错——Module parse failed: Octal literal in strict mode && 图片不能正常显示
qq_45327886的博客
03-08 2499
Octal literal in strict mode webpack打包图片
用TypeScript写贪吃蛇（1）：开发环境搭建
John是橘红的博客
07-27 718
0. 参考资料 尚硅谷2021版TypeScript教程: https://www.bilibili.com/video/BV1Xy4y1v7S2?p=22 TypeScript官方文档：https://www.tslang.cn/docs/home.html webpack官方文档：https://webpack.docschina.org/concepts/ Babel官方文档：https://www.babeljs.cn/docs/ **最终项目效果：**实现基本的贪吃蛇逻辑。 1. 配置前端配置
【无标题】
fanlingfang的博客
12-15 871
Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 尝试新的跨平台 PowerShell https://aka.ms/pscore6 PS D:\tcs1> npm run build > snake@1.0.0 build > webpack Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db
webpack配置插件new HtmlWebpackPlugin()后报一大堆错
黎小小的博客
09-25 780
解决：target: "node",即可设置后webpack将会在node.js环境进行编译，才能读取引入的 require。
Module Error (from ./node_modules/html-loader/dist/cjs.js) webpack 配置时的坑
weixin_36508680的博客
06-26 3090
安装html-loader 后发现报错 ERROR in Error: Child compilation failed: Module Error (from ./node_modules/html-loader/dist/cjs.js): HtmlSourceError: Bad value for attribute "href" on element "link": Must be non-empty (From line 13, column 32; to line 13, col
优化代码 var modelMap = map[string]interface{}{ "comb": &models.PsComb{}, "conduit": &models.PsConduit{}, "feature": &models.Feature{}, "discharger": &models.PsDischarger{}, "gate": &models.PsGate{}, "interception": &models.PsInterception{}, "lake": &models.PsLake{}, "manhole": &models.PsManhole{}, "outfall": &models.PsOutfall{}, "pipe": &models.PsPipe{}, "pumpStation": &models.PsPumpStation{}, "retention": &models.PsRetention{}, "river": &models.PsRiver{}, "wwtp": &models.PsWWTP{}, "psSystem": &models.PsSystem{}, "landUse": &models.LandUse{}, "publicity": &models.Publicity{}, } func Batch(ctx *gin.Context) { var requ Request if err := ctx.ShouldBind(&requ); err != nil { ctx.JSON(400, models.Response{ Code: 400, Msg: "参数有误", Data: err.Error(), }) return } resp := models.Response{ Code: 0, Msg: "success", } for _, item := range requ.Post { if reqType, ok := modelMap[item.Type]; ok { if err := mapstructure.Decode(item.Value, reqType); err != nil { panic(err) } res := common.DB.Create(reqType) if res.Error != nil { resp.Code = 500 resp.Msg = "创建失败" resp.Data = res.Error ctx.JSON(500, resp) return } ctx.JSON(200, resp)
05-31
这段代码看起来比较简单，但可以从以下几个方面进行优化： 1. 将 `modelMap` 改为在 `init()` 函数中初始化，而不是在每次调用 `Batch()` 函数时初始化。这样可以避免重复初始化，提高代码的性能。 2. 针对循环中的每个 `item`，可以采用批量插入（bulk insert）的方式，而不是逐个插入。这样可以减少数据库交互的次数，提高代码的性能。例如，可以将所有待插入的数据构造成一个切片，然后通过 `common.DB.CreateInBatches()` 方法进行批量插入。 3. 当出现错误时，应该立即返回错误信息，而不是继续进行循环。这样可以避免不必要的数据库交互和数据错误。 下面是一个优化后的示例代码： ``` var modelMap = map[string]interface{}{ "comb": &models.PsComb{}, "conduit": &models.PsConduit{}, "feature": &models.Feature{}, "discharger": &models.PsDischarger{}, "gate": &models.PsGate{}, "interception": &models.PsInterception{}, "lake": &models.PsLake{}, "manhole": &models.PsManhole{}, "outfall": &models.PsOutfall{}, "pipe": &models.PsPipe{}, "pumpStation": &models.PsPumpStation{}, "retention": &models.PsRetention{}, "river": &models.PsRiver{}, "wwtp": &models.PsWWTP{}, "psSystem": &models.PsSystem{}, "landUse": &models.LandUse{}, "publicity": &models.Publicity{}, } func init() { for _, model := range modelMap { common.DB.AutoMigrate(model) } } func Batch(ctx *gin.Context) { var requ Request if err := ctx.ShouldBind(&requ); err != nil { ctx.JSON(400, models.Response{ Code: 400, Msg: "参数有误", Data: err.Error(), }) return } resp := models.Response{ Code: 0, Msg: "success", } var values []interface{} for _, item := range requ.Post { if reqType, ok := modelMap[item.Type]; ok { if err := mapstructure.Decode(item.Value, reqType); err != nil { ctx.JSON(500, models.Response{ Code: 500, Msg: "创建失败", Data: err.Error(), }) return } values = append(values, reqType) } } if len(values) > 0 { res := common.DB.CreateInBatches(values, len(values)) if res.Error != nil { ctx.JSON(500, models.Response{ Code: 500, Msg: "创建失败", Data: res.Error, }) return } } ctx.JSON(200, resp) } ``` 注意，这只是一种示例代码，具体实现可能需要根据您的实际情况进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值