TypeError: this.getOptions is not a function at Object.lessLoader less安装使用报错

TypeError: this.getOptions is not a function  at Object.lessLoader 在vue项目中less报错问题解决less版本问题，卸载重新安装指定版本号npm install less@3.9.0 -s
npm install less-loader@5.0.0 -s

less使用

第一步：安装

npm install less less-loader --save-dev

第二步：在配置文件中配置

实际上如果我们通过vue-cli来构建项目，这一步是可以省略的。在webpack.dev.conf.js中，我们可以看到下面的代码：

 module: {rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })},

在build文件夹下有一个utils.js文件，这个文件提供了一些通用的方法，供webpack.dev.conf.js和webpack.prod.conf.js使用。其中styleLoaders方法如下：

通过这个方法可以对大多数css预处理进行了配置，具体配置在cssLoaders方法中。

// Generate loaders for standalone style files (outside of .vue)
exports.styleLoaders = function (options) {var output = []var loaders = exports.cssLoaders(options)for (var extension in loaders) {var loader = loaders[extension]output.push({test: new RegExp('\\.' + extension + '$'),use: loader})}return output
}

第三步：在单组件.vue中使用

TypeError: this.getOptions is not a function at Object.lessLoader less安装使用报错相关推荐

TypeError: this.getOptions is not a function at Object.lessLoader
问题描述: 当前找不到 lessLoader, 原因: 默认的vue ui 帮我们创建的项目并没有去安装less相关的loader,如果想要使用less相关的语法,那么必须先配置好less相关的loa ...
VUE Module build failed: TypeError: this.getOptions is not a function at Object.loader 解决办法
背景:在VUE中安装了 npm install node-sass sass-loader --save-dev,然后启动就报错了,看提示是因为依赖的问题查了一下 node-sass sass-lo ...
Module build failed: TypeError: this.getOptions is not a function at Object.loader
问题描述测试webpack相关功能时出现这个Module build failed: TypeError: this.getOptions is not a function at Object.l ...
【Error】Less-loader 版本过高，TypeError: this.getOptions is not a function
TypeError: this.getOptions is not a function 原因分析解决方案原因分析由于 less-loader 的版本过高,会报出 TypeError: this ...
安装sass-loader后报错：TypeError: this.getOptions is not a function
运行命令: npm install --save-dev sass-loader 安装sass-loader后报错:TypeError: this.getOptions is not a functi ...
happypack打包报错TypeError: this.getOptions is not a function
网上很多TypeError: this.getOptions is not a function,需要从错误提示看: 上面红色框可以看出style-loader报错了,应该改style-loader, ...
安装node-sass运行报错 Module build failed: TypeError: this.getResolve is not a function at Object.loader
在搭建vue脚手架或者是在vue项目中,想使用sass的功能, npm install node-sass --save-dev //安装node-sass npm install sass-loa ...
Vue项目 Module build failed: TypeError: this.getResolve is not a function at Object.loader……
由于还用不惯 webpack 4,特别是采用了vue-cli3 搭建的项目,由于还没搞懂在这种环境中自己手动调整配置(vue-cli3 简化了配置,原来很多的配置都集成到vue-cli3内部,不需要在 ...
记录webpack使用问题，使用报错“UnhandledPromiseRejectionWarning，file-loader图片过大，无法加载图片，打包html文件报错TypeError
记录webpack使用报错版本号问题运行npm run build,报错 "UnhandledPromiseRejectionWarning: TypeError: this.getRe ...
Syntax Error: TypeError: this.getOptions is not a function
出现问题场景:vue运行项目过程中报错检查代码中并无写错的地方其实涉及到这个问题,就是版本原因了,我安装的 scss-loader 版本太高,卸载安装低版本即可 npm uninstall --s ...

TypeError: this.getOptions is not a function at Object.lessLoader less安装使用报错

第一步：安装

第二步：在配置文件中配置

第三步：在单组件.vue中使用

TypeError: this.getOptions is not a function at Object.lessLoader less安装使用报错相关推荐

最新文章

热门文章