1***@qq.com
1***@qq.com
  • 发布:2023-12-07 17:55
  • 更新:2023-12-07 20:43
  • 阅读:194

【报Bug】prettier@3和sass冲突

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11 22H2

浏览器平台: Edge

浏览器版本: 119.0.2151.97

项目创建方式: CLI

CLI版本号: v2.0.2-3090820231124001

操作步骤:
  1. 执行 vue create -p dcloudio/uni-preset-vue test 创建默认项目
  2. 执行 pnpm add -D prettier sass sass-loader@10.5.0 添加prettier和sass依赖
  3. 在App.vue的style加上 lang="scss"
  4. 执行 pnpm dev:h5 启动项目

预期结果:

无报错,正常启动

实际结果:

输入了如下报错:

ERROR in ./src/App.vue?vue&type=template&id=472cff63& (./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??clonedRuleSet-42[0].rules[0].use[0]!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/filter-modules-template.js!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-scoped-loader/index.js!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/wrap-loader/index.js??clonedRuleSet-45[0].rules[0].use!./src/App.vue?vue&type=template&id=472cff63&) 1:8  
Module parse failed: Unexpected token (1:8)  
File was processed with these loaders:  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/filter-modules-template.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-scoped-loader/index.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/wrap-loader/index.js  
You may need an additional loader to handle the result of these loaders.  
> [object Promise]  
| export { render, staticRenderFns, recyclableRender, components }  
 @ ./src/App.vue?vue&type=template&id=472cff63& 1:0-1576 1:0-1576  
 @ ./src/App.vue 1:0-112 12:2-8 13:2-17 19:2-12 34:66-39:5 36:16-22 37:25-40 34:4-39:6  
 @ ./src/main.js 9:0-24 12:0-10 13:36-39  

ERROR in ./src/pages/index/index.vue?vue&type=template&id=57280228&scoped=true& (./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??clonedRuleSet-42[0].rules[0].use[0]!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/filter-modules-template.js!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-scoped-loader/index.js!./src/pages/index/index.vue?vue&type=template&id=57280228&scoped=true&) 1:8  
Module parse failed: Unexpected token (1:8)  
File was processed with these loaders:  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/filter-modules-template.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js  
 * ./node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-3090820231124001_copy-webpack-plugin@11.0.0_postcss@8.4.32/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-scoped-loader/index.js  
You may need an additional loader to handle the result of these loaders.  
> [object Promise]  
| export { render, staticRenderFns, recyclableRender, components }  
 @ ./src/pages/index/index.vue?vue&type=template&id=57280228&scoped=true& 1:0-1404 1:0-1404  
 @ ./src/pages/index/index.vue 1:0-126 12:2-8 13:2-17 19:2-12 34:80-39:5 36:16-22 37:25-40 34:4-39:6  
 @ ./src/pages.json 69:21-90  
 @ ./src/main.js 6:0-19  

webpack 5.89.0 compiled with 2 errors in 5333 ms  
Error: getaddrinfo ENOTFOUND 96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com  
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:109:26) {  
  errno: -3008,  
  code: 'ENOTFOUND',  
  syscall: 'getaddrinfo',  
  hostname: '96f0e031-f37a-48ef-84c7-2023f6360c0a.bspapp.com'  
}

bug描述:

prettier更新到了v3版本,如果项目安装了v3依赖,会导致报错,从报错信息看起来是会找不到sass-loader

2023-12-07 17:55 负责人:无 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

复现了此问题,我追踪下这个问题

要回复问题请先登录注册