uni-app cli 启动 H5 报错 error in ./src/App.vue?vue&type=style&index=0&lang=scss&

uni-app cli 启动 H5 报错 error in ./src/App.vue?vue&type=style&index=0&lang=scss&

操作步骤:

  • npm run dev:h5

预期结果:

  • 不报错

实际结果:

  • 报错

bug描述:

ERROR  Failed to compile with 1 error  
下午4:38:24  

error  in ./src/App.vue?vue&type=style&index=0&lang=scss&  

Syntax Error: TypeError: this.getOptions is not a function  

@ ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/h5-vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!./node_modules/postcss-loader/src??ref--8-oneOf-1-3!./node_modules/_sass-loader@11.0.1@sass-loader/dist/cjs.js??ref--8-oneOf-1-4!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-scoped-loader!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/wrap-loader??ref--17!./src/App.vue?vue&type=style&index=0&lang=scss& 4:14-844 14:3-18:5 15:22-852
@ ./src/App.vue?vue&type=style&index=0&lang=scss&
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.100.239:8082/sockjs-node (webpack)/hot/dev-server.js ./src/main.js  

项目信息

信息 版本/方式
产品分类 uniapp/H5
PC开发环境 Windows
PC开发环境版本 3.1.2
HBuilderX 3.1.2
浏览器 Chrome
CLI版本 4.5.0

更多关于uni-app cli 启动 H5 报错 error in ./src/App.vue?vue&type=style&index=0&lang=scss&的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

么人回答么

更多关于uni-app cli 启动 H5 报错 error in ./src/App.vue?vue&type=style&index=0&lang=scss&的实战教程也可以访问 https://www.itying.com/category-93-b0.html


sass版本太高 sass-loader用7.3.1" node-sass 4.14.1

回复 1***@qq.com: 好吧 我试试吧

回复 1***@qq.com: 感谢大佬,改版本后果然可以了

楼主解决了吗~

请问楼主是怎么解决的

同样的问题 两台电脑 一样的代码 一台可以一台不行 安装依赖运行不了

这个错误通常是由于sass-loader版本不兼容导致的。解决方法如下:

  1. 首先检查项目中安装的sass-loader版本:
npm list sass-loader
  1. 如果是11.x版本,建议降级到10.x版本:
npm uninstall sass-loader
npm install sass-loader@10.1.1 --save-dev
  1. 确保同时安装了node-sass或dart-sass:
npm install sass --save-dev
  1. 清理缓存后重新运行:
npm run clean
npm run dev:h5
回到顶部