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

- 发布:2023-12-07 17:55
- 更新:2023-12-07 20:43
- 阅读:194
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 11 22H2
浏览器平台: Edge
浏览器版本: 119.0.2151.97
项目创建方式: CLI
CLI版本号: v2.0.2-3090820231124001
操作步骤:
预期结果:
无报错,正常启动
无报错,正常启动
实际结果:
输入了如下报错:
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'
}
输入了如下报错:
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
1 个回复
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信
复现了此问题,我追踪下这个问题