javascript - Babel Unexpected toek import using "modules": false option with es2015 -


i'm building app using react-hot-loader

as i'm using webpack 2, need disable module options es2015, , .babelrc looks like:

{   "presets": [     ["es2015", {"modules": false}],     "react",      "stage-0"   ],    "plugins": [     "transform-runtime",     "add-module-exports",     "transform-react-display-name",     "flow-runtime",     "react-hot-loader/babel"   ] }

my webpack dev.config.js file:

require('babel-polyfill');  // webpack config development var fs = require('fs'); var path = require('path'); var webpack = require('webpack'); var assetspath = path.resolve(__dirname, '../static/dist'); var host = (process.env.host || 'localhost'); var port = (+process.env.port + 1) || 3001;  // https://github.com/halt-hammerzeit/webpack-isomorphic-tools var webpackisomorphictoolsplugin = require('webpack-isomorphic-tools/plugin'); var webpackisomorphictoolsplugin = new webpackisomorphictoolsplugin(require('./webpack-isomorphic-tools'));  module.exports = {   devtool: 'inline-source-map',   context: path.resolve(__dirname, '..'),   entry: {     'main': [       'react-hot-loader/patch',       'webpack-hot-middleware/client?path=http://' + host + ':' + port + '/__webpack_hmr',       './src/client.js'     ]   },   output: {     path: assetspath,     filename: '[name]-[hash].js',     chunkfilename: '[name]-[chunkhash].js',     publicpath: 'http://' + host + ':' + port + '/dist/'   },   module: {     loaders: [       { test: /\.jsx?$/, exclude: /node_modules/, loaders: ['babel-loader', 'eslint-loader']},       { test: /\.json$/, loader: 'json-loader' },       { test: /\.less$/, loader: 'style-loader!css?modules&importloaders=2&sourcemap&localidentname=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!less?outputstyle=expanded&sourcemap' },       { test: /\.scss$/, loader: 'style-loader!css?modules&importloaders=2&sourcemap&localidentname=[local]___[hash:base64:5]!autoprefixer?browsers=last 2 version!sass?outputstyle=expanded&sourcemap' },       { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },       { test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },       { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=application/octet-stream" },       { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file-loader" },       { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=image/svg+xml" },       { test: webpackisomorphictoolsplugin.regular_expression('images'), loader: 'url-loader?limit=10240' }     ]   },   resolve: {     modules: [       'src',       'node_modules'     ],     extensions: ['*', '.json', '.js', '.jsx']   },   plugins: [     // hot reload     new webpack.hotmodulereplacementplugin(),     new webpack.ignoreplugin(/webpack-stats\.json$/),     new webpack.defineplugin({       __client__: true,       __server__: false,       __development__: true,       __devtools__: true  // <-------- disable redux-devtools here     }),     webpackisomorphictoolsplugin.development()   ] };

when running babel showing following error:

 (function (exports, require, module, __filename, __dirname) { import express 'express'; [1]                                                               ^^^^^^ [1] syntaxerror: unexpected token import [1]     @ object.exports.runinthiscontext (vm.js:76:16) [1]     @ module._compile (module.js:542:28) [1]     @ loader (d:\9. dev\workspace\noname\node_modules\babel-register\lib\node.js:144:5) [1]     @ object.require.extensions.(anonymous function) [as .js] (d:\9. dev\workspace\noname\node_modules\babel-register\lib\node.js:154:7) [1]     @ module.load (module.js:487:32) [1]     @ trymoduleload (module.js:446:12) [1]     @ module._load (module.js:438:3) [1]     @ function.module._load (d:\9. dev\workspace\noname\node_modules\piping\lib\piping.js:218:16) [1]     @ module.require (module.js:497:17) [1]     @ require (internal/module.js:20:19) [0] hash: 5c8e594486d73f27c13f [0] version: webpack 2.3.1 [0] time: 3340ms

reading this tutorial seens there problem node:

note: node.js doesn't support es2015 modules yet , using es2015 modules in webpack 2 configuration file cause issue.

to work around need 2 .babelrc file transpile configuration , app code separately:

in project root directory "presets": ["es2015"] in source directory app code

do need build 2 .babelrc files ? there updated working solution ?


Comments

Post a Comment

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

does autofac support specifying registration name in components' constructors? example: ninject's namedattribute . you need use autofac.extras.attributed package on top achieve this so let's have 1 interface , 2 classes: public interface ihello { string sayhello(); } public class englishhello : ihello { public string sayhello() { return "hello"; } } public class frenchhello : ihello { public string sayhello() { return "bonjour"; } } then have consumer class, in want select instance injected: public class helloconsumer { private readonly ihello helloservice; public helloconsumer([withkey("en")] ihello helloservice) { if (helloservice == null) { throw new argumentnullexception("helloservice"); } this.helloservice = helloservice; } public string sayhello() { return this.helloservice.sayhello()...
Read more

verilog - Systemverilog dynamic casting issues -

i've code snippet following in testbench function void write_to_port( my_data_type_base data ); my_data_type_extended data_ext; if(!$cast(data_ext, data)); `uvm_error(get_type_name(), "failed cast"); `uvm_info(get_name(), $psprintf("data_ext :\n%s", data_ext.sprint()), uvm_medium) // write data_ext out port.... endfunction when run it, i'm getting uvm_error "failed cast." i'm not quire sure why $cast not returning 1. can see, i'm printing out extended class data item after casting uvm_info. can see it's being cast properly. if don't use $cast if condition, don't runtime error. isn't coding practice use if dynamic cast check if $cast returning 1 ? what might reason behind cast not returning 1 in above case? i think semicolon on line 'if' not belong? i think consumes if statement, , uvm_error executes regardless of how if evaluates: if(!$cast(data_ext, data)); <- no semico...
Read more

ios - Change Storyboard View using Seague -

i have following code checks connection server, , depending on want change views if no connection found. nsstring *connect = [nsstring stringwithcontentsofurl:[nsurl urlwithstring:@"http://myserver.com"] encoding:nsutf8stringencoding error:nil]; if (connect == null) { [self performseguewithidentifier:@"network_failure" sender:self]; } else { // other code here } my problem not change views. have added storyboard segue between 2 views identifier of network_failure . not have navigation controller or that, problem? thanks help! no not problem. first of all, in objectivec exists nil object oriented null . must use that. so: if(connect == nil) or better: if(!connect) so due fact nil not same of null , probably code does't enter in if scope . you have been able discover breakpoint. anyway: be sure set trigger segue (line) 2 view controller , , name network_failure (that not best name. should instead view1toview2 ) as, m...
Read more