Tag: babeljs

指挥官不使用默认值

我用这样的defaultArgs设置命令: import * as validations from './validation' import program from 'commander' import path from 'path' export default function initializeCommander (defaults) { program .version('0.0.1') .usage('redbubble-demo') .option('-u', '–url [url]', validations.isValidUrl, defaults.url) .option('-o', '–output-dir [path]', validations.hasValidParentDirectory, path.resolve(defaults.path)) .option('-s', '–size [size]', validations.isValidSize, defaults.size) .parse(process.argv) return program } 我有这里设置的默认值,并将它们传递给像这样的函数: const defaultValues = { url: 'someuRL', size: 'medium', outputDir: './www' } […]

Babel意外的令牌导出

我只是想用babel和ES2016开始一个新项目,所以我可以在新项目中使用await async。 在babelrc我提出以下内容: { "presets": [ "es2016", "stage-0" ] } 而在index.js我有: require('babel-core/register')() require('babel-polyfill') require('./bin/server.js') 但是现在在server.js中,当我运行应用程序时,第一行因为导入而失败: 从'koa'importKoa 说它不承认“import”。 我安装的软件包有babe-cli,core,polyfill,preset-es2016,preset-stage-0和babel-register。 我错过了什么,或者我做错了什么?

无法使用webpack的babel

我想通过使用webpack和babel写一个简单的演示,但我真的不知道是什么问题,我有webpack版本1.13.3和我尝试安装npm install –save-dev babel-core babel-preset-es2015或npm install –save-dev babel-loader我得到以下错误: +– babel-core@6.18.2 +– babel-preset-es2015@6.18.0 `– UNMET PEER DEPENDENCY webpack@1 || ^2.1.0-beta 要么 +– babel-loader@6.2.8 `– UNMET PEER DEPENDENCY webpack@1 || ^2.1.0-beta 我有节点v.6.9.1和npm v4.0.2我应该怎么做?

webpack与node-postgres导入错误('pg'.Client)

试图用Webpack捆绑下面的文件失败 错误:./~/pg/lib/native/index.js模块未find:错误:无法parsing模块'pg-native'in … / node_modules / pg / lib / native @ ./~/pg/lib/ native / index.js 9:13-33 我在.babelrc尝试了几个ignore语句,但没有得到它运行… 我想捆绑的testing文件: handler.js const Client = require('pg').Client; console.log("done"); webpack.config.js module.exports = { entry: './handler.js', target: 'node', module: { loaders: [{ test: /\.js$/, loaders: ['babel'], include: __dirname, exclude: /node_modules/, }] } }; .babelrc { "plugins": ["transform-runtime"], "presets": ["es2015", "stage-1"] […]

从类未定义的构造函数中的新对象

我从构造函数中的类创build一个新的对象,每当它运行时,我得到一个错误,操作未定义的方法,虽然它在构造函数中定义。 操作本身是经过彻底的testing,并在单独的环境中工作,所以这不是问题。 我使用Babel构build它, 而不是直接在Node 7.0.0中运行它 import Operate from "./operate" export default class { constructor(Schema) { this.schema = Schema this.operate = new Operate(this.schema) console.log(this.operate.run) // <- Logs just fine } update(req, res) { console.log(this.operate.run) // <- Nada this.operate.run(req.body) .then(value => { res.status(200).json(value) }) } 这感觉就像我错过了一些根本的东西。 我听说这不是一个伟大的模式,所以请随时提出一个更好的方法。 非常感谢。 更新:这是如何使用更新。 我不怀疑这里有任何问题,因为它已经工作得很好,当我从另一个模块导入控制器作为一个function,而不是一个类 import {Router, } from "express" import Controller […]

Circle CI将编译(生成)的文件部署到Heroku中

我有一个使用Babel的nodejs项目。 我试图编译所有ES6文件到正常的JS文件,然后部署到Heroku。 但似乎生成的文件没有部署。 我尝试两个不同的configuration: 第一个,testing后build立,然后用标准命令部署: test: post: – yarn build deployment: develop: branch: develop heroku: appname: my-app 第二个: deployment: develop: branch: develop commands: – "[[ ! -s \"$(git rev-parse –git-dir)/shallow\" ]] || git fetch –unshallow" – yarn build – git config –global user.email "me@my.com" – git config –global user.name "My Name" – git commit -am […]

Node.js Babel构build和npm模块别名

我使用模块别名为我的Node.js + Express.js项目,运行与Babel ES2015支持。 当使用babel-node开始时,应用程序是完美的,但是,如果我先用babel (来自package.json )构build它: "build": "babel ./app –out-dir ./app_dist" 然后开始: "start": "node ./app_dist/bin/www" 它显然找不到使用模块别名指定的正确path。 Node.js不是查看app_dist ,而是在appsearch导入,find它不理解并引发的ES2015 import指令: SyntaxError:意外的标记导入 如果我在构build开始之前更改别名,从app到app_dist ,它的工作原理,但问题是,如何映射这些别名(或如何使用不同的_moduleAliasesconfiguration),以便应用程序在开发和生产上正确parsingpath? 也许有另一种方式来与这样的堆栈模块别名? 提前致谢。

如何用vuejs导入元素UI

以下是完整的代码: https : //github.com/kenpeter/osmosis_drive_front 我想要做的是使用元素的UI为我的项目。 我遵循这个快速指南 。 有一个babelrc设置。 我有困难的时候合并我的babelrc与下面的这一个。 任何人都知道如何合并这两个babelrc,使Element UI与Vuejs合作? 我的babelrc: { "presets": [ "es2015", "stage-2" ], "plugins": [ "transform-runtime" ], "comments": false } 元素UI babelrc { "presets": [ ["es2015", { "modules": false }] ], "plugins": [["component", [ { "libraryName": "element-ui", "styleLibraryName": "theme-default" } ]]] }

vue.js与vue-multilanguage我的webpack编译没有被翻译正确

我的webpack编译没有被转译成正确的JS。 它写道 exports default MultiLanguage而不是module.exports = { MultiLanguage: MultiLanguage}; 我的.bablerc { "presets": ["es2015", "stage-0"], "plugins": ["transform-runtime"] } 我的package.json { "name": "myapp", "version": "0.0.1", "description": "My app", "dependencies": { "bootstrap": "^3.3.7", "vue": "^2.4.2", "vue-multilanguage": "^2.1.1" }, "devDependencies": { "babel-cli": "^6.24.1", "babel-core": "^6.25.0", "babel-loader": "^6.4.1", "babel-plugin-transform-runtime": "^6.1.2", "babel-preset-es2015": "^6.24.1", "babel-preset-stage-0": "^6.1.2", "babel-runtime": "^5.8.0", "webpack": "^1.15.0" }, "author": […]

Heroku上的BabelJs:无法find相对于目录“/ app”的预设“env”

我有一个SailsJs在Heroku上的NodeJs的应用程序,我不能运行babeljs。 它在我的本地主机上运行正常,但我总是得到错误: 错误:无法find相对于目录“/ app”的预设“env” Heroku坚持在/app文件夹中查找itens。 这个项目没有一个/app文件夹 我的应用文件夹结构是: app_name – api – assets – config – tasks – views 我遵循http://babeljs.io的文档到我的.babelrc .babelrc 现在: { "presets": ["react", "env", "stage-1"], "plugins": ["transform-class-properties"] } 已经尝试: { "presets": ["react", "es2015", "stage-1"], "plugins": ["transform-class-properties"] } 当我设置.babelrc使用es2015我得到的错误: Invalid: `{ presets: [{option: value}] }` Valid: `{ presets: [['presetName', {option: value}]] }` 我已经安装了依赖关系 npm install […]