access store outside of component vuejs
Try to import ‘store’ with curly brackets import {store} from ‘../store/index’ store.getters.appSettings Another option is to access from the vue property import Vue from ‘vue’ Vue.store.getters.appSettings
ecmascript-6
Importing node modules from root directory using es6 and babel-node
Like (almost) any tool ‘/x’ means ‘x’ in the root of your filesystem. Babel doesn’t actually look at the paths, it just compiles import {myFunc} from ‘/my-module’; into var _myModule = require(‘/my-module’); And node actually looks up the module. If you really want to import relative to the root of the project, you could use … Read more
Caught between two no-restricted-syntax violations
You’d want to use Object.keys(settings).forEach(key => { Object.keys(env[key]).forEach(subkey => { or potentially Object.entries or Object.values depending on if you actually want the keys.
What is the VSCODE extension/theme/symbolset used to display formatted/actually arrows in arrow functions syntax
What you are looking for is a font designed for coding called Fira Code It’s one of the most popular fonts among programmers It will turn => into that arrow shape you saw and do other stuff Fira Code on Github There are instructions on how to use in vs code
Export const arrow function or basic function?
The differences are minuscule. Both declare a variable. A const variable is constant also within your module, while a function declaration theoretically could be overwritten from inside the module An arrow function is a function expression, not a function declaration, and the assignment can lead to problems for circular dependencies An arrow function cannot be … Read more
How can I turn off ESLint’s no-restricted-syntax rule just for ForOfStatement?
Check existing config Based on the current master branch, eslint-config-airbnb currently disables four syntax forms: ForInStatement ForOfStatement LabeledStatement WithStatement You can verify this or see if there are any differences by using ESLint’s –print-config CLI flag: $ eslint –print-config file.js ESLint will print out the config it would use to lint file.js, and you can … Read more
Why can’t I import a default export with “import … as” with BabelJS
You can import the default export by either import Test2 from ‘./test’; or import {default as Test2} from ‘./test’; The default export doesn’t have Test as a name that you would need to alias – you just need to import the default under the name that you want. The best docs I’ve found so far … Read more
(ES6) class (ES2017) async / await getter
Update: As others have pointed out, this doesn’t really work. @kuboon has a nice workaround in an answer below here.. You can do this class Foo { get bar() { return (async () => { return await someAsyncOperation(); })(); } } which again is the same as class Foo { get bar() { return new … Read more
How do I get Babel 6 to compile to ES5 javascript?
You don’t tell Babel to target ES5, you choose the necessary presets/plugins that do that for you. For example, if you use the es2015 preset, this will compile ES6 code to ES5-compatible code. You don’t specify a “target”. The guide below will take you through using Babel to transform ES6 code into code that can … Read more
cannot export const arrow function
You’re trying to export a default and declare a variable at the same time, which is invalid syntax. Consider the following, since we know that you can declare multiple variables using only one instance of the keyword, var a, b, c; the export definition wouldn’t make sense at all. export default var a, b, c; … Read more