切换到新的笔记本电脑，突然我的Vue项目无法编译，并出现ES6语法错误 - 腾讯云开发者社区

文章/答案/技术大牛

发布

vue在IE下无法正常工作，Promise未定义？

用vue写了一个日历组件，在Firefox、Edge、Chrome以及360等浏览器极速模式中运行一切正常，如图：但在IE和360等浏览器的兼容模式下却显示了模板，看起来像乱码一样，如图：按F12...左思右想，突然灵光一闪，在ES5的函数声明中并不能为形参赋默认值，这种写法是ES6新增的，而IE是不兼容ES6的，那就把代码改一改，这里不再赋默认值，为了让方法可以正确执行而不报错，在调用这个方法的地方都强制传参就好了... 6 入门](https://es6.ruanyifeng.com/) 由“饥人谷”搜集整理的[ES 6 新特性列表](https://fangyinghang.com/es-6-tutorials...最后，我们的项目是否需要兼容ES5需要您对您的用户有一个较为明确的认知，并不是所有项目都需要去做ES5兼容，毕竟因此会增加不少的工作量。...VUE： 1 / 1 vue在IE下无法正常工作，Promise未定义？

6.6K2 0

一篇把vue准备工作说的明明白白的（奶妈级教程）

Vue的核心是什么 vue脚手架是为了实现前后端分离的开发理念，开发前端 SPA（single page web application）项目，实现数据绑定，路由配置，项目编译打包等一系列工作的技术框架...·输入 npm install -g @vue/cli ·切换到你要创建项目的目录，命令创建项目（如:想要再桌面创建一个vue项目文件）： -cd Desktop -Desktop > vue create...XXX(文件名字) 创建之后会让你选择vue2或vue3 babel作用：将ES6的语法转换为ES5 eslint作用：进行语言检查选择后回车，自动创建项目完成！...我们用vscode打开它（当然别的编译软件也可以，我比较习惯使用vscode）用vscode的终端输入：npm run serve 会出现两个网址第一个：供自己惊醒浏览第二个：供局域网内所有人浏览...我们ctrl+鼠标左键单击后出现页面如下：这是vue自动帮我们生成的基础页面这时候我们打开我们的开发者工具如下：再你的vue中出现helloworld,说明你的一切准备工作都做好了！

5523 0

您找到你想要的搜索结果了吗？

是的

没有找到

解决前端项目在IE11下不能正常显示且自定义http字段报错异常

昨天接到客户的反馈,说用户的IE11浏览器无法访问我们的后台据了解,IE11只能在win7系统上运行,我们的电脑都是win10的不能远行,后来发现360兼容模式可以模拟IE11,并复现问题....于是用360兼容模式打开网站.页面出现白屏, 打开控制台显示JavaScript 语法错误,并且还有一个无法获取未定义会null引用的熟悉call 如下图点击对应的js 进入堆栈查看是哪个方法出错...这个就是要考验一下想象力和联想力了最终经过查询发现是使用了这个包导致的 vue-keep-ratio 这个包里面使用了箭头函数,这是一个未经转义的es6的库, 根据现有的情况有两种解决办法,...一是直接移除这个包,项目中用的不多....二是使用es5替换es6 自己写一个插件我选择直接移除(任性....)

1.4K1 0

使用Electron开发桌面级程序——J.A.R.V.I.S诞生记

项目编译接下来需要填写本次上传的版本号和版本描述并选择打包环境，然后进行项目构建。...这里选择环境选择的是需要打包项目的根目录中的构建命令，比如我的小程序项目使用gulp构建，gulpfile中定义了四种打包命令，那么在点击开始项目构建后，程序会自动切换到黑盒中的项目根目录下执行对应命令并打包为...main.js负责监听通信并执行动作示例（解决打包后无法复制粘贴的问题） if (process.platform === 'darwin') { const template = [...示例（实现分环境打包接口）这里需要注意一下，这个接口的实现是非常灵活的，需要根据你当前项目的编译文件进行配置，比如我的项目开发时使用gulp打包编译环境到dist，其编译命令分别为: gulp build...，再到从web转移到使用electron开发app安装在本地的1.2.0版本这个过程中收获满满，这个过程使我在思考问题和代码设计、项目架构的搭建各个方面都有了一个全新的认识，与此同时也学习到了一些新的技术框架

3.1K4 0

Eslint相关知识和配置大全

Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。.../recommended plugin:import 规则进行校验，并优先使用 standard style 规则。...需要注意以下几点：要校验vue组件，需要安装，并在配置中增加 plugin:vue/recommended eslint-plugin-vue 用于校验es6的import规则，如果增加...不知道是不是我的配置有问题，导致不能用vue组件的语法进行校验，所以这里放弃了使用sublime。本文推荐大家使用vscode作为自己的新IDE。...左侧会显示语法错误数和是否修改了此文件，右侧会波浪线显示语法错误的地方。有时会遇到保存一次修复不完全的情况，多保存几次即可修复大部分语法。对于敲一会代码保存一下的可以不用担心这个问题。

2.1K3 0

TypeScript: 为什么必须学

或者换一个问题，为什么在项目中，我们要选择使用typescript？也许你还不知道其中缘由，一起跟着我的思路捋一捋。...带来的后果就是，在开发过程中的所有语法错误，我们都没办法通过某种方式去完全预知到，而必须在浏览器里执行一次看到报错之后才知道自己某个地方写错了。当项目稍微复杂一点，无法预知语法错误可以说是一场灾难。...在复杂项目中，我们通常无法承受JS弱类型的副作用，这是typescript出现的基础动因，它让JavaScript具备了强类型语言的特征。当然，除了解决这些基础问题，ts还有许多别的特性。...可以做一个简单的类比，我们在实践开发中，通常使用ES6开发，并且编译成ES5的代码给浏览器执行。所以ES6和ts扮演的角色比较类似。...所以我们学习ts，其实就是学习这些新的特性，和新特性的应用场景。总结：ts是一套语法规则，帮助我们约束自己的代码规范。 3 作用1：直接在开发过程中暴露错误如图所示。

1.5K3 0

别聊vue3.0beta了，公司都快没了

不过，话又说回来了，虽然关注前端前沿技术发展趋势是好事，但还是要脚踏实地的先把ES6/7各种新特性新属性等研究的熟练了再说。...毕竟现在前端不会ES6有点说不过去，在公司项目代码里到处都有它的影子，对ES6/7语法不熟练的话，可能连同事代码都看不懂。...项目中是怎么优化的 22. xss怎么处理的最近有在面试找工作的同学，希望对你们有帮助。三、终于说到第三件事了，当你们还在兴高采烈地探讨着vue3.0 beta的时候，我一哥们的公司都快没了。...我跟他讲，以防万一，你可以先更新下简历了，提前想想后路，万一哪天把技术部也解散了呢？话说到这，不禁让我想起了，前几年我在太原的某家公司，原本按部就班地上班下班，一切都好好的。...突然有一天早晨去了公司上班，接到通知，说老板要解散技术部，把项目外包出去，当时我都傻了，真的好突然，瞬间失业，昨天还在上班敲代码，今天就不得已要踏上面试之旅。。。

1.4K1 1

前后端分离后的前端时代，使用前端技术能做哪些事？

这两年，以React为语法基础的React Native和以Vue为语法基础的Weex框架，成为新一代使用前端技术开发移动APP的框架，它们抛弃webview使用新的渲染机制，极大的提升了APP的性能和体验...如果你使用了Angular、React或Vue框架，或者你使用浏览器暂时还不兼容的ES6语法，还需要在应用打包前用babel将语法编译成浏览器可识别的ES5的语法。...语言知识 ES5 & ES6 & ES7 // ES语言基础HTML5 API & CSS3 // HTML5和CSS特效Less & Sass // CSS预编译语言...DevTools // vue调试工具Grunt & Gulp & browserify & Webpack // 代码打包工具Babel // ES6、react等语法转换工具...这里推荐一下我的前端学习交流群：784783012，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。

2.8K3 0

vue脚手架基本使用「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。...style的样式会影响到这个页面所有的子路由，如果加了那么这个样式只对当前页面起作用看完页面我们看看路由的配置如下图路由的路径在router下，刚开始打开会看到有报错，其实不是语法错误，是因为编译器默认编译...es5的语法，而vue脚手架用的是es6的语法，我用的编译器是webStorm，只要设置一下就行了。...，这里所配置的路由为’’/，也就是根路径所以你直接访问localhost:8080就会出现一个App.vue中插入一个HelloWorld.vue的页面（这个相当于路由嵌套），name就是给当前路由命名...引入现在教大家创建一个文件，并配置路由先创建一个后缀为vue文件，并把最基本的html结构写上然后配置它的路由，先引入这个文件，用import，然后填写要访问这个文件的路由路径，这边写为/test

5021 0

Vue项目本地开发完成部署到服务器后报404，这到底是什么原因呢？

404错误是指在客户端发送请求时，服务器无法找到请求的资源或者该资源不存在，从而返回的状态码。对于Vue项目而言，如果在服务器上无法找到相应的资源文件，就会返回404错误。造成404错误的原因1....路径问题在开发Vue项目时，我们通常使用相对路径引用资源文件（如CSS、JS、图片等），但是在将项目部署到服务器时，相对路径可能会发生变化，导致无法找到相应的资源。...编译问题在开发Vue项目时，我们通常使用Webpack等工具对代码进行编译和打包。如果编译出现问题，可能会导致部署后的项目无法正常访问。此时可以检查编译是否成功以及是否存在语法错误等。4....检查编译如果404错误是由于编译问题引起的，需要检查编译是否成功以及是否存在语法错误等，并进行相应的修复。4....查看访问权限如果404错误是由于访问权限问题引起的，需要查看访问权限设置是否正确，并根据需要进行相应的修改。总结在将Vue项目部署到服务器时，可能会遇到404错误，但是这并不是什么大问题。

5.5K0 0

Es6中的模块化Module,导入(import)导出(export)

前言在Es6之前,javascript没有模块系统,它无法将一个大程序拆分成若干个互相依赖的小文件,然后在用简单的方法拼装起来.为了做到模块化,在Es6之前,引入了AMD(Asynchronous module...)等框架大行其道中,都引入了Es6中的模块化(Module)机制,一些自动化打包工具webpack或者微信小游戏中也同样如此您将在本文中学习到什么是模块,以及模块的导入导出,理解了这个,在一些基于脚手架搭建的项目里或者自动化构建工具中...（在node环境中babel进行转化为Es5代码执行）让我们对比看一下,其实在node中Es6中的export通过babel编译后Es5中代码是以exports方式进行导出的,而Es6中的import...(export必须在函数其他语句之外使用否则会报错) export和import的一个重要的限制是,他们必须在其他语句和函数之外使用,例如,下面的代码会给出一个语法错误 export语句不允许出现在if...import { Button, Select } from 'element-ui Vue.use(Button); Vue.use(Select); Es6中如何给导入导出时标识符重命名从一个模块导入变量

3.5K2 0

vscode中好用的插件_捷达VS5和捷途X95哪个好

大家好，又见面了，我是你们的朋友全栈君。...Preview 编辑器中嵌入浏览器可视化窗口 Bracket Pair Colorizer 高亮匹配代码块括号 Better Comments 文档注释 /** * 我的方法 * *重要的信息会被高亮显示...中 Import Cost 您查看导入模块的大小 JavaScript (ES6) snippets 支持JavaScript ES6 语法 JavaScript (ES6) code snippets...markdown语法检测 Markdown Preview Enhanced 编辑器内看markdown编译出来的效果 Markdown All in One markdown编辑器 Material...它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。

4.8K1 0

听说2017你想写前端？

我当时是比较震惊的，毕竟安卓内核也是 4.x, 我至今不知道他们是如何做到把一个那么旧的浏览器内核塞进一个比较新的安卓系统的，也不知道这么干是几个意思，当然即使是高通soc基带，要升级一下系统也是登天还难...大型项目无法避免 MV* 工程从 Ajax 的兴起， requirejs 的新兴思维模式一些专用术语就不逼逼了随着前端的发展，nodejs 的成熟，前后端分离势在必行，那么前端项目越来越复杂，一个健壮清晰的模块体系非常重要...我个人看好 vue2，还有它的全家桶这些框架，无法避免需要编译器，需要工程目录，需要nodejs。...其它的库要么就弃，要么就突然没下文了。...gulp postCSS的插件 CSS: Less, scss HTML: pug, haml (可选) Javascript: ES6, ES7 WebComponents (可选) Vue.js

1.6K10 0

Vue.js 组件编码规范

加上 scoped 属性编译后会给组件的 class 自动加上唯一的前缀从而避免样式的冲突。...对组件文件进行代码校验代码校验可以保持代码的统一性以及追踪语法错误。.vue 文件可以通过使用 eslint-plugin-html插件来校验代码。...你可以通过 vue-cli 来开始你的项目，vue-cli 默认会开启代码校验功能。为什么？保证所有的开发者使用同样的编码规范。更早的感知到语法错误。怎么做？...为了校验工具能够校验 *.vue文件，你需要将代码编写在标签中，并使组件表达式简单化，因为校验工具无法理解行内表达式，配置校验工具可以访问全局变量 vue 和组件的 props。...第二，在每一个新的开发项目中，对于一整个页面或者其中的一部分，在进行开发前先尝试思考一下。如果你认为它有一部分应该是一个组件，那么就创建它吧。最后，如果你不确定，那就不要。

7.1K2 0

深入了解“前端模块化”发展体系

不知道你有没有意识到，对于今天的我们而言，这些工具包让开发效率得到了巨大的提升，但是这一切是从什么开始的呢？...相对于服务端的模块化，浏览器环境下，模块化的标准必须满足一个新的需求：异步的模块管理在这样的背景下，RequireJS[6] 出现了，我们简单的了解一下它最核心的部分： • 引入其他模块: require...加大了开发过程中的难度，无论是阅读之前的代码还是编写新的内容，也会出现这样的情况：引入的另一个模块中的内容是条件性执行的。...从 babel-helper-module-transforms 来看 ES6 module 实现 Babel 作为 ES6 官方指定的编译器，在如今的前端开发中发挥着巨大的作用，它可以帮助我们将开发人员书写的...到这里其实我们已经可以很清晰的知道，在编译阶段，我们一段 ES6 module 中的代码经历了什么： ES6 module 源码 -> Babel 转译-> 一段可以执行的代码也就是说直到编译结束

9144 0

vue项目在安卓低版本机显示空白原因

vue项目在安卓低版本机显示空白原因：可能的原因一：查看安卓debug，报错，可能有箭头函数语法错误，或者其他语法问题，那可能是ES6语法问题。这时候需要安装babel-pollyfill。.../src/main.js‘ //原本只有这一行 } 这时如果安卓机依然空白打不开，继续查看原因二可能的原因二：查看npm run build打包之后有没有打包报错，有时间一些小功能可能不影响页面展示和使用...，但是打包也报错了，我们可能就忽略了，只要打包有报错，安卓就一定不能正常显示，不像浏览器，我这里看到的报错是 ?...发现报错的位置是在router文件夹下的index.js文件中分别是用了es6对象的合并，和模版字符串，这时候只需要去webpack.base.conf.js中 { test: /...\.js$/, loader: 'babel-loader', include: [ resolve('src'),//表示在src目录下的js需要编译

2.8K1 0

我所理解的前端

对于当时我一个小白而言完全是胡说一通,词不达意,搞得面试官一脸懵逼,现在想想那可能就叫尬聊吧……时隔两年在不断爬坑中对这个问题有了自己新的认识,今天趁着上午没什么事情,写下这篇博客,想到哪写到哪,谈一谈我所理解的前端...,同时对es6标准也需要了解,可以参考阮一峰老师的es6入门,书中包含了es6的各种新特性,默认参数,模版表达式,多行字符串,拆包表达式,改进的对象表达式,箭头函数 =&>,Promise,块级作用域的...上面只是一套笼统的流程,至少在前端这方面我们需要做的有梳理业务逻辑并理解业务逻辑,这对你后面的开发很有用处,同时根据需求进行应用技术的选择,项目结构的划分,需求模块的划分,完整项目的搭建,当然现在有很多可以自动化构建工具可以节省你很多时间...,svg和字体图标慢慢占据主流,我在阿里巴巴图标库建了一个项目把UI也拉了进来,UI把他用到的图标直接添加进项目,前端直接从项目生成字体图标引入到项目,绝逼要比自己慢慢切图,扣图标,合并雪碧图要省事的多...主要抱着这个核心，一切问题迎刃而解一般来说和后台沟通没那么多的麻烦,约定好规则后,一般来说你们是通过api来沟通的,但当你调试接口时,出现一些未知的,你感觉不是自己问题的时候,及时的沟通后台是最明智的

1.1K11 0

59.Vue 使用webpack构建vue项目

webpack 命令进行打包了，但是我在上面将 webpack 安装到本地项目中，所以还需要编写 npm 执行内部命令的脚本，才能够执行。...语法，查看打印信息在安装babe将ES6\ES7转化低于语法ES5之前，我先经过测试，发现使用ES6的语法在chrome浏览器是能够支持运行的，而在IE则会报语法错误，如下： main.js 代码如下...这里提示使用 vue.runtime.esm.js 只会构建运行时的 vue 代码，无法使用模板编译。提示可以使用 render 方法返回组件，或者使用内置的编译器构建。...在vue中结合render函数渲染指定的组件到容器中那么是否存在我依然使用run-time-only的vue库，依然可以将组件渲染到 app容器的方式呢？这个当然有，就是使用render函数。...image-20200314163450829 3.3 安装编译vue文件的插件默认webpack是无法编译vue文件的，需要安装相关的插件。

2.9K3 0

Webpack 学习整理

等资源是无法处理的，而 loader 就是 webpack 开放出来的接口，供用户开发自己的 loader。...，但是确实不行（可能是我用的 webpack 版本不一样）。...我们知道，对于 es6 新特性，不同浏览器支持情况是不一样的，我们使用 loader 的目的就是将 es6 转换为可被浏览器接受的 javascript 语法，似乎跟前面 css 的 postcss-loader...但是因为客户端本身的复杂性，要想将 js 的新特性运用在浏览器端，并做到很好的兼容性是一个很“艰难”的过程。各种各样的兼容性已经足够增加成倍的开发成本了。...好在，babel 的出现解决了这个问题，它的出现可以说推进了 javascript 的演进历程。那么它是如何做到的呢？

8011 0

点击加载更多

vue在IE下无法正常工作，Promise未定义？

一篇把vue准备工作说的明明白白的（奶妈级教程）

解决前端项目在IE11下不能正常显示且自定义http字段报错异常

使用Electron开发桌面级程序——J.A.R.V.I.S诞生记

Eslint相关知识和配置大全

TypeScript: 为什么必须学

推荐一个零配置开箱即用的ReactVue应用自动化构建脚手架，不强大你来找我

别聊vue3.0beta了，公司都快没了

前后端分离后的前端时代，使用前端技术能做哪些事？

vue脚手架基本使用「建议收藏」

Vue项目本地开发完成部署到服务器后报404，这到底是什么原因呢？

Es6中的模块化Module,导入(import)导出(export)

vscode中好用的插件_捷达VS5和捷途X95哪个好

听说2017你想写前端？

Vue.js 组件编码规范

深入了解“前端模块化”发展体系

vue项目在安卓低版本机显示空白原因

我所理解的前端

59.Vue 使用webpack构建vue项目

Webpack 学习整理

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐