vue运行提示Module build failed: TypeError问题 vue-style-loader

具体错误描述 Module build failed: TypeError: this.getOptions is not a function at Object.loader (E:OthersdataLinedatatoline ode_modulessass-loaderdistindex.js:25:24)

@ ./node_modules/vue-style-loader!./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-comp iler?{“vue”:true,“id”:“data-v-97bfaaae”,“scoped”:false,“hasInlineConfig”:false}!./node_modules/sass-loader/dist/cjs.js?{ “sourceMap”:true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/datatoline.vue 4:14-376 根据网友的解决方案有以下2种方法 1、安装node-sass等其他加载器 此类问题一般是缺少相关依赖而导致的,对于本例,仔细看一下报错提示信息,抓住关键词,vue-style-loader!css-loader,说明是css解析的时候出了问题。 所以,解决方案就要根据情况而定,看你使用的CSS语言是什么,是 常规的 或者 less 或者 sass。

如果是 常规 的,执行 npm install stylus-loader css-loader style-loader --save-dev 安装依赖就行。 如果是 less 的,执行 npm install less less-loader --save-dev 安装依赖就行。 如果是 sass 的,执行 npm install sass sass-loader --save-dev 安装依赖就行。或者($npm install sass-loader --save ; $npm install node-sass --save)

2、另一解决方案是说删除node_module目录重新npm install进行安装依赖模块,在进行运行npm run dev

我环境代码中操作两种方法仍不能解决该问题,无奈删除所有框架代码(删除前把自己写的代码先拷贝),然后再重新vue init webpage XXX安装框架代码,最后安装自己需要的依赖模块

经验分享 程序员 微信小程序 职场和发展