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

问题描述

配置 Vue + Cesium 项目时出现问题如下

E:\CesiumProject\world>npm run serve

> world@0.1.0 serve
> vue-cli-service serve

 INFO  Starting development server...
98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 error                                                                       下午4:50:46

 error  in ./src/views/Index.vue?vue&type=style&index=0&id=23543608&scoped=true&lang=scss

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


 @ ./node_modules/vue-style-loader??ref--9-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/views/Index.vue?vue&type=style&index=0&id=23543608&scoped=true&lang=scss 4:14-451 15:3-20:5 16:22-459
 @ ./src/views/Index.vue?vue&type=style&index=0&id=23543608&scoped=true&lang=scss
 @ ./src/views/Index.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.xxx.xxx.xxx:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

## 问题解决
先卸载现有版本的软件
```shell
E:\CesiumProject\world> npm uninstall sass-loader
E:\CesiumProject\world> npm uninstall node-sass

安装指定版本的包

E:\CesiumProject\world> npm i node-sass@4.14.1 --save-dev
E:\CesiumProject\world> npm i sass-loader@10.1.0 --save-dev

参考

参考了如下博客

[1]. VUE笔记:Failed to resolve loader: sass-loader
https://www.cnblogs.com/chig/p/15364680.html

.
.
.
.
.
.


桃花仙人种桃树,又摘桃花换酒钱_

回答: 根据引用\[1\]中的报错信息,这个错误是由于在Vue组件的样式中存在语法错误导致的。具体的错误信息是"Syntax Error: TypeError: node.getIterator is not a function"。根据引用\[2\]中的信息,这个错误可能是由于使用了不兼容的PostCSS插件postcss-pxtorem导致的。为了解决这个问题,你可以尝试升级PostCSS插件或者查看PostCSS插件的迁移指南。另外,根据引用\[3\]中的信息,这个错误也可能是由于less和less-loader的版本不兼容导致的。你可以尝试先卸载当前安装的less和less-loader,然后安装兼容的版本。如果在安装过程中出现依赖解析错误,你可以尝试使用--force或--legacy-peer-deps选项来解决。希望这些信息对你有帮助。 #### 引用[.reference_title] - *1* [报错信息in ./src/App.vue?vue&type=style&index=0&lang=scss](https://blog.csdn.net/m0_57033755/article/details/128968921)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss Syntax Error: Error: PostCSS](https://blog.csdn.net/weixin_43606609/article/details/117964527)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [运行vue项目时,报如下错误ERROR in ./src/app.vue?vue&type=style&index=0&lang=css](https://blog.csdn.net/qq_53082413/article/details/120473874)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值