使用Jekyll: Uglifier::Error: Unexpected : keyword (const)的ES6 + Uglifier

Jekyll是一个静态网站生成器，它使用Ruby语言开发。它允许开发人员使用模板语言（如Liquid）和Markdown等标记语言来创建静态网站。Jekyll的主要优势是简单易用、快速生成静态网站、易于部署和维护。

在使用Jekyll时，有时会遇到"Uglifier::Error: Unexpected : keyword (const)"的错误。这个错误通常是由于使用了ES6语法，而Uglifier默认只支持ES5语法导致的。Uglifier是一个用于压缩JavaScript代码的工具。

要解决这个错误，可以通过配置Jekyll来使用支持ES6语法的Uglifier版本。具体步骤如下：

在项目的Gemfile文件中，找到并注释掉以下行：
在项目的Gemfile文件中，找到并注释掉以下行：
在Gemfile中添加以下行，指定使用支持ES6语法的Uglifier版本：
在Gemfile中添加以下行，指定使用支持ES6语法的Uglifier版本：
运行bundle update命令，更新Gemfile中的依赖。
重新运行Jekyll，应该不再出现"Uglifier::Error: Unexpected : keyword (const)"的错误。

Jekyll的应用场景包括个人博客、静态网站、文档站点等。对于个人博客和静态网站，Jekyll提供了简单易用的模板和标记语言，使得开发人员可以快速搭建和部署自己的网站。对于文档站点，Jekyll的结构化特性和Markdown支持使得管理和维护文档变得更加方便。

腾讯云提供了云服务器（CVM）和对象存储（COS）等产品，可以与Jekyll结合使用。云服务器提供了稳定可靠的计算资源，可以用来部署Jekyll生成的静态网站。对象存储提供了高可用性和可扩展性的存储服务，可以用来存储Jekyll生成的静态网站文件。

腾讯云云服务器（CVM）产品介绍：https://cloud.tencent.com/product/cvm 腾讯云对象存储（COS）产品介绍：https://cloud.tencent.com/product/cos

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

JavaScript ES6 — 少即是多，以少胜多，四两拨千斤

const and let const is a new keyword in ES6 for declaring variables. const is more powerful than var...简单讲，就是 Java 中的 final， Kotlin 中的 val。 This is really useful for targeting the selectors....(a); // 2 // ES 6 const b = 1; b = b + 1; // error console.log(b); 报错日志： $ node es6_demo.js 2 /Users...不过，在 Node.js 中, 还不能直接使用ES6中的 import / export 模块语法。...但是也有解决方案： Node.js 中使用 ES6 中的 import / export 的方法大全 Promises Promises are a new feature of ES6.

4053 0

Node.js 中使用 ES6 中的 import export 的方法大全

Node.js 中使用 ES6 中的 import / export 的方法大全三种方法。先上图。...image.png 方法1 放弃使用 ES6, 使用 Node中的 module 模块语法 util_for_node.js function log(o) { console.log(o);...} module.exports = log; es6_const_let_node_demo.js // 在 Node 中使用模块的正确姿势： const log = require("....error : TypeError: Assignment to constant variable. log(b); // ES6 let c = 1; c = c + 1; log(c); 运行测试...+ 1; // error : TypeError: Assignment to constant variable. log(b); // ES6 let c = 1; c = c + 1; log

5.2K2 0

ES6语法中常量声明（const）的实现原理

ES6 const 特点：临时性死区在定义的时候完成初始化不能重新定义不能重新赋值语义化标识，表示声明后不可更改的不变量原理： ES5没有块级的概念，我们只能大概模拟一下const的定义。...我们将const 声明的变量绑定在全局对象上，借助 Object.defineProperty()劫持该对象，配置相关描述符实现const的特性。...param||_reg.test(parseFloat(param))||KEY_WORD.indexOf(param) > -1) { throw new Error(`Unexpected...token: ${param}`); } //检测是否被定义 if(_global.hasOwnProperty(param)) { throw new Error...TEST = "TEST"; // Uncaught Error: TEST is read-only! 参考 babeljs 如何在 ES5 环境下实现一个const

2.2K0 0

IDL编译器实现入门

"service_info.h" // 定义保留关键词 void reserved_keyword(const char* keyword) { yyerror("Cannot...use reserved language keyword: \"%s\"\n", keyword); exit(1); } // 整数大小溢出判断 void integer_overflow.../ 无效的单词 void unexpected_token(const char* text) { yyerror("Unexpected token: \"%s\"\n", text);...ret.second) { yyerror("Syntax error: repeat field: in request\n", field_info.name.c_str...) { fprintf(stderr, "[ERROR:%d] (last token was '%s')\n", yylineno, yytext); va_list args

2.8K4 2

编程风格

# 编程风格本章探讨如何将 ES6 的新语法，运用到编码实践之中，与传统的 JavaScript 语法结合在一起，写出合理的、易于阅读和维护的代码。...# 块级作用域（1）let 取代 var ES6 提出了两个新的声明变量的命令：let和const。其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。...const StyleGuide = { es6: { } }; export default StyleGuide; # ESLint 的使用 ESLint 是一个语法规则和代码风格的检查工具...$ eslint index.js index.js 1:1 error Unexpected var, use let or const instead no-var 1...of 2 characters but found 4 indent 4:5 error Unexpected var, use let or const instead

5192 0

gulp 错误集锦

文件时报错之 punc(() 报错内容： gulp SyntaxError: Unexpected token: punc (() 问题分析：这种大多是js代码中包含ES6语法的函数声明方式。...报错提供的行号不一定准确，只能自己找到使用ES6语法的位置，改成ES5。解决方法：把ES6代码替换成ES5代码。...3. gulp-uglify压缩js文件时报错之 Unexpected token name 报错内容： _Unexpected token name «p», expected punc « 问题分析...：问题原因同上，也是ES6语法引起的。...4. gulp-htmlmin 报错内容： throw er; // Unhandled 'error' event ^ Error: Parse Error: <= 95% </spa<div 问题分析

1.5K1 0

Redux（五）：源码分析之combineReducers

One handy way to obtain * it is to use ES6 `import * as reducers` syntax....state是对象，对象是按地址引用的，如果使用了React，这样可以避免一些重复无意义的渲染。 65行——97行定义assertReducerShape()函数。...isPlainObject(inputState)) { return ( `The ${argumentName} has unexpected type of "` +...action.type === ActionTypes.REPLACE) return if (unexpectedKeys.length > 0) { return ( `Unexpected...Unexpected keys will be ignored.` ) } } 这个函数会在非生产版本下执行，总结起来就是： combineReducers的参数不可以是一个空对象。

9575 0

chalk.js（node终端样式库）

) ) // 样式字体 log( chalk.bold("加粗") ) // 多参数 log( chalk.blue("name", "age", "job") ) // ES6...blue')}, ${chalk.red('red')}) // 拼接 log(chalk.blue.bold("Title")) // 链式组合 log( chalk.bgYellow(error...: ${chalk.red(" chalk is undefined ")}) ) // 嵌套 // 自定义组合 const error = chalk.bgRed; const...- 斜体 underline - 下划线 inverse- 反转前景和背景色 hidden - 隐藏内容 strikethrough - 删除线 visible- 显示chalk level > 0 的内容...keyword (CSS keywords) - Example: chalk.keyword('orange').bold('Orange!')

2.7K4 0

前端模块化开发--React框架（二）：脚手架&&网络请求框架

shell $ npm install axios 使用 GET方式javascript //使用axios发送异步的ajax请求 const url = 'https://api.github.com...Add the `async` keyword to your outer function/method....) { console.log(error); }); 4、fetch GitHub GET请求 javascript fetchRequire(){ const url = 'https...b.数据: 会自动传递给回调函数 3、ES6常用新语法 1)定义常量/变量: const/let 2)解构赋值: let {a, b} = this.props import {aa} from...简洁 * 没有自己的this,使用引用this查找的是外部this 5)扩展(三点)运算符: 拆解对象(const MyProps = {}, ) 6)类:

2.9K2 0

解决vue打包报错UglifyJs

报错 ERROR in js/xxxxxx.js from UglifyJs Unexpected token: name «Dom7», expected: punc «;» [js/chunk-3068...要缩小ECMAScript 2015或更高版本，请使用Babel之类的工具进行翻译。解决低版本：原因：UglifyJs不支持ES6语法，因此报错。...附 vue-cli@3.x vue.config.js配置混淆压缩代js及去除console(缺少的插件先安装上) // 去除console const UglifyJsPlugin = require...('uglifyjs-webpack-plugin'); // 压缩css、js const CompressionWebpackPlugin = require('compression-webpack-plugin...'); // 要压缩的文件 const productionGzipExtensions = ['js', 'css']; module.exports = { // something

5K1 0

写代码无BUG，网易云前端单元测试方案总结

+= a; return result; } const assert = require('assert'); assert.equal(multiple(1, 2), 3)); 这种例子能够满足基础场景的使用...其他的断言库还有 expect.js should.js better-assert[4] , unexpected.js[5] 这些断言库都只提供纯粹的断言函数，可以根据喜好选择不同的库使用。...如果原始代码已经是 CJS了，可以使用 browserify 来支持浏览器端运行，基本零配置，但是往往现实世界比较复杂，我们有 ES6，JSX 以及 TypeScript 要处理，所以这里我们使用 webpack...比如我们常常使用 es6语法，就需要增加es6的支持。新增 spec/helpers/babel.js 写入如下配置即可。...虽然 Jest 提供了很丰富的功能，但是并没有内置 ES6 支持，所以依然需要根据不同运行时对代码进行转换，由于 Jest 主要运行在 Node 中，所以需要使用 babel-jest 将 ES Module

9.6K2 0

ES6之数组的定义

扩展运算符与正常的函数参数可以结合使用，非常灵活。...: Unexpected number console.log(...[1, 2]) // 1 2 上面三种情况，扩展运算符都放在圆括号里面，但是前两种情况会报错，因为扩展运算符所在的括号不是函数调用...// ES5 的写法 function f(x, y, z) { // ... } var args = [0, 1, 2]; f.apply(null, args); // ES6 的写法 function...// ES5 的写法 Math.max.apply(null, [14, 3, 77]) // ES6 的写法 Math.max(...[14, 3, 77]) // 等同于 Math.max(14...apply()方法变通使用push()方法。

4554 0

小结ES6基本知识点(五)：对象的扩展

0,本文适合人群和主要内容 ES6初学者，通过阅读本文可对ES6知识点有个大体的概念，强烈建议阅读阮一峰大大的ES6入门老司机可以直接绕路。...无标题.png 上一节主要是总结了ES6中和数组有关的内容。...验证(2) 必须要在简写方法的对象中使用super，其他地方声明中使用则会报语法错误。...Uncaught SyntaxError: 'super' keyword unexpected here 还是上面的示例： var dog = { hello...unexpected here 6.小结本节内容主要总结了ES6中对象的一些扩展。

2.4K124 1

Hexo系列(4) - NexT主题踩坑记录

Template render error unexpected token 发现在使用hexo g时报错如下： 1 2 FATAL Something's wrong..../usr/src/app/_config.yml jekyll 3.6.2 | Error: The next theme could not be found....Jekyll build exit with code 1. Fail to build jekyll site....接着根据Coding Pages的报错来看，则是说/usr/src/app/_config.yml里找不到jekyll的主题。这就很奇怪了，我使用的明明是hexo，怎么忽然就变成jekyll了？...HTML代码(HTML字符实体) Hexo的一个小BUG(Template render error) Hexo 异常 - Template render error unexpected token

1.7K3 0

redux源码解析

One handy way to obtain it is to use ES6 `import * as` * syntax....One handy way to obtain * it is to use ES6 `import * as reducers` syntax....reducerKeys = Object.keys(reducers) // 报存过滤后的reducers const finalReducers = {} for (let i = 0;...reducer对应的键，取得当前reducer对应的state子树 const previousStateForKey = state[key] // 执行当前reducer...') { const errorMessage = getUndefinedStateErrorMessage(key, action) throw new Error(

1.2K3 0

8个在学习React之前必须要了解的JavaScript功能

必须需要了解的一些重要JavaScript功能。现在，让我们开始吧。 1、Let和Const ES6引入了let，const用于声明变量以代替var。let与const相比有许多优势。...(b); //Error: b is not defined. console.log(c); // 7 如你所见，在花括号之间的范围之外，用const和let声明的变量不可访问。...这是let和const之间最大的区别。就个人而言，我不再使用var关键字。我用了很多的let和const。 2、Arrow函数 ES6中引入了Arrow函数，这是编写常规函数的简便方法。...这是使用ES6解构的相同示例： const user = { name: 'Mehdi', age: 19}; //ES6 destructuring const { name , age } =...这就是所谓的数组解构，在React中会经常使用到它。 4、ES6模块 ES6模块import和export无处不在。因此，你需要对它们有一个很好的了解。

1.3K2 0

尚医通-前端知识点

简介使用npm管理项目模块化模块化简介模块化规范 ES6模块化规范使用Babel转码更多的方式 Webpack 什么是Webpack WebPack 安装全局安装安装后查看版本号 JS...(user1) //es6 const user2 = {name,age} console.log(user2) # 对象拓展运算符..." :value="keyword"> ...# 模块化规范 CommonJS模块化规范（基于ES6语法之前） ES6模块化规范（使用ES6语法） # ES6模块化规范创建modularization_pro文件夹 # 导出模块创建src/01...# 使用Babel转码 ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。 Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。

1.4K1 0

Web自动化之Headless Chrome测试框架集成

使用Selenium操作headless chrome 推荐简介 WebDriver是一个W3C标准, 定义了一套检查和控制用户代理（比如浏览器）的远程控制接口，各大主流浏览器来实现这些接口以便调用控制接口来操作浏览器...使用selenium-webdriver selenium相关的API文档 selenium-webdriver的JavaScriptAPI文档 const webdriver = require('selenium-webdriver...browserstack-webdriver 只是获取driver的方式不一样，其他调用完全一样 const webdriver = require('browserstack-webdriver'),...colors: true, // level of logging // possible values: config.LOG_DISABLE || config.LOG_ERROR...调整配置支持ES6，添加webpack npm i webpack karma-webpack babel-core babel-loader babel-preset-es2015 调整配置增加测试覆盖度

6851 0

Web自动化之Headless Chrome测试框架集成

1.6K11 0

Object.assign 和 Object Spread 之争, 用谁？

你应该使用哪一个？事实证明，答案比你想象的要微妙许多。 Object Spread 概论 Object Spread 运算符的基本思想是使用现有对象的自身属性来创建新的普通对象。...但是它会复制 ES6 的 symbols 属性。...下面是一个使用 Object.assign()和in-place赋值的基准测试: const Benchmark = require('benchmark'); const suite = new Benchmark.Suite...parserOptions: # Otherwise object spread causes 'Parsing error: Unexpected token ..'...要启用此规则，请使用： parserOptions: ecmaVersion: 9 rules: prefer-object-spread: error 现在，如果您使用 object.assign

1.7K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

使用Jekyll: Uglifier::Error: Unexpected : keyword (const)的ES6 + Uglifier

相关·内容

JavaScript ES6 — 少即是多，以少胜多，四两拨千斤

Node.js 中使用 ES6 中的 import export 的方法大全

ES6语法中常量声明（const）的实现原理

IDL编译器实现入门

编程风格

gulp 错误集锦

Redux（五）：源码分析之combineReducers

chalk.js（node终端样式库）

前端模块化开发--React框架（二）：脚手架&&网络请求框架

解决vue打包报错UglifyJs

写代码无BUG，网易云前端单元测试方案总结

ES6之数组的定义

小结ES6基本知识点(五)：对象的扩展

Hexo系列(4) - NexT主题踩坑记录

redux源码解析

8个在学习React之前必须要了解的JavaScript功能

尚医通-前端知识点

Web自动化之Headless Chrome测试框架集成

Web自动化之Headless Chrome测试框架集成

Object.assign 和 Object Spread 之争, 用谁？

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐