webpack less-loader出现异常

最新推荐文章于 2024-05-09 09:56:20 发布
最新推荐文章于 2024-05-09 09:56:20 发布
阅读量3.8k 收藏 1
点赞数 1
分类专栏： wepack 文章标签： 前端 异常
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013261261/article/details/52343740
版权

笔者在webpack开发环境中编译less后，出现如下错误

Uncaught SyntaxError: missing ) after argument list

着实头大

后来，一步步排错

最终定位到  启动 参数上

"start": "webpack-dev-server --dev -d --hot --inline --config webpack.dev.config.js",

在 npm start 上配置了 -d 生成map映射

去掉参数 -d 再编译运行 错误不见


至于 为什么 -d 会引起这个错误，还未发现，请各位调教一二，不胜感激

酥麻喇蛊
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue安装less-loader报错
wzt_WZT的博客
09-13 1376
之前安装less-loader报错，一直以为是版本原因，之后试了好多低版本，发现还是安装失败，最后发现是由于npm权限原因。
vue项目中安装less-loader依赖包过程中出现的错误
qq_42800159的博客
07-16 1981
1、 可视化面板安装less-loader 用vue脚手架创建的项目默认没有安装less-loader的依赖，要使用less语法，就要安装less-loader相关的工具。 尝试用可视化面板安装less-loader依赖，安装后没有在可视化面板中找到该依赖。为了确认该依赖是否成功安装，去到项目中node_modules目录下寻找less-loader依赖，并未找到。 2、终端安装less-loader报错 2.1 问题描述 2.2 原因分析 安装命令输入错误 install Usage of the
【Error】Less-loader 版本过高，TypeError: this.getOptions is not a function
zimeng303的博客
04-01 696
TypeError: this.getOptions is not a function原因分析解决方案 原因分析 由于 less-loader 的版本过高，会报出 TypeError: this.getOptions is not a function 的错误 解决方案 1，清除已下载的 less-loadernpm uninstall less-loader # 或者 yarn remove less-loader 2，指定 less-loader 的安装版本npm install less-l
探索前端构建利器：Webpack 的 Less 加载器——less-loader
最新发布
gitblog_00053的博客
05-09 356
探索前端构建利器：Webpack 的 Less 加载器——less-loader 项目地址:https://gitcode.com/webpack-contrib/less-loader 在前端开发中，我们常常需要处理CSS预处理器，比如Less。现在，有这样一个工具能帮助我们在Webpack构建流程中无缝地编译Less到CSS：less-loader。这篇文章将详细介绍这个开源项目，并说明其如何...
webpack随笔05-less-loader
uikoo9的专栏
05-20 686
【前言】 less也是用的比较多的css预编译语音的一种，详见：Getting started | Less.js 最早是因为大名鼎鼎的bootstrap使用less，所以比较有名 【less-loader】 webpack解析less文件需要使用到less-loader，详见：less-loader - npm 用法也比较简单，如下 module.exports = { module: { rules: [ { test: /\.less$/i..
Webpack中css-loader和less-loader的使用教程
12-03
在处理CSS和预处理器语言如Less时，Webpack 提供了专门的加载器（loader）来处理这些任务。本文将详细介绍如何在Webpack配置中使用`css-loader`和`less-loader`。 ### 一、css-loader `css-loader`的主要功能是...
webpack-conditional-loader：JavaScript的C条件指令
02-06
webpack条件加载器 受启发，条件加载器决定是否将给定的块包含在最终的束中。 对于删除工具代码和使最终产品包更小（因此更快）很有用。 安装 npm install --save-dev ... use : [ 'babel-loader' , 'webpack-conditi
webpack file-loader和url-loader的区别
10-17
在处理这些资源时，Webpack 需要依赖特定的加载器（Loader），比如 `file-loader` 和 `url-loader`。这两者都是用来处理非JavaScript模块的，尤其是处理图片和字体等静态文件。 1. **file-loader**： - `file-...
image-webpack-loader:用于webpack的图像加载器模块
04-27
image-webpack-loader 用于webpack的图像加载器模块使用PNG，JPEG，GIF，SVG和WEBP图像输出的问题应在imagemin上报告。安装$ npm install image-webpack-loader --save-dev安装在容器中node:12-buster 无需其他准备...
Webpack 之 less-loader 详解
weixin_34029680的博客
03-24 1551
安装 npm install --save-dev less-loader less 使用 先来一个小栗子： // layer.js // 首先我引入了layer.less import './layer.less'; function layer() { return { name: 'layer', ...
webpack中使用less-loader、less
u010234868的专栏
09-20 1832
项目目录： index.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <b..
webpack学习之 less-loader file-loader url-loader 以及 认识asset module type
秃头小吴
12-15 574
继续我们上一篇的webpack学习，现在我们进一步学习 其他的配置 less-loader：预处理器 安装：npm install less-loader -D 配置: package.config.js const path = require('path'); module.exports = { mode: "development", entry: "./src/main.js", output: { path: path.resolve(__dirname, "./build"),
webpack-配置处理less 文件的loader
上海 彭彭
08-21 1710
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 安装 less-loader npm i less-loader -D 安装依赖包less， npm i less -D 定义less匹配规则 module: {//这个节点用于配置所有的第三方模块加载器 rules:[...
Webpack中 的css-loader和less-loader
热门推荐
liwusen的博客
12-08 3万+
简介：在Webpack中，通过css-loader，可以实现在js文件中通过require的方式，来引入css。1.css-loader我们需要在js文件里，通过require的方式来引入css，我们来看具体的方法，首先需要安装css-loader， style-loader(安装style-loader的目的是为了在html中以style的方式嵌入css)。npm install css-loa
webpack中使用less-loader加载器处理less文件的步骤
m0_51608940的博客
05-28 1198
1、安装less-loader加载器 运行命令：npm i style-loader css-loader less-loader@4 less@4 -D 注意：less-loader依赖less，且他们之间有兼容问题，所以lee-loader的版本必须和less的版本相同或低于less的版本，否则报错。 凡是插件（包）之间有依赖关系，依赖方的版本号（大版本）须同被依赖方或低于被依赖方，否则报错。如果依赖方版本高于被依赖方，依赖方中有的变量在被依赖方找不到，就会报错。 2、在webpack.config.j
webpack如何解析less?(less-loader、css-loader、style-loade)
scorpio的世界
06-04 8787
主要通过less-loader、css-loader、style-loader插件作用 less-loader：用于加载.less文件，将less转化为css css-loader：用于加载.css文件，将css转化为commonjs style-loader: 将样式通过<style>标签插入到head中 先安装这几款插件 npm i style-loader css-l...
vue脚手架安装less和less-loader报错的解决方法
Learning_xzj的博客
08-06 804
https://blog.csdn.net/weixin_43870744/article/details/118224087
Uncaught SyntaxError: missing ) after argument list问题
evennight的博客
12-09 238
选择器不小心前面多了一个$(
webpack babel-loader配置
08-20
npm install webpack webpack-cli babel-loader @babel/core @babel/preset-env --save-dev ``` 2. 在项目根目录下创建一个 `webpack.config.js` 文件，并添加以下内容： ```javascript module.exports = { entry:...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值