Can't export reducer with Babel

2019-09-18 13:29发布

This is most likely some typo but I've been trying to fix it for the last hour and came up with nothing.

I have a file called app/reducers/index.js:

export viewportSize from "./viewportSize";

app/reducers/viewportSize.js is simply:

export default function viewportSize (state = {}) {
  return state;
}

And in app/app.js I do:

import reducers from "./reducers";

Babel is giving me back this error

ERROR in ./app/reducers/index.js
1:8  error  Parsing error: Unexpected token viewportSize

I have other import and export in the project but this one doesn't want to work.

This is my .babelrc file:

{
  "presets": ["es2015", "react", "stage-2"]
}

Update

These are my dependencies

  "devDependencies": {
    "babel-core": "6.5.2",
    "babel-loader": "6.2.3",
    "babel-preset-es2015": "6.5.0",
    "babel-preset-react": "6.5.0",
    "babel-preset-stage-2": "6.5.0",
    "eslint": "2.2.0",
    "eslint-loader": "1.3.0",
    "eslint-plugin-react": "4.1.0",
    "file-loader": "0.8.5",
    "react-hot-loader": "1.3.0",
    "webpack": "1.12.14",
    "webpack-dev-server": "1.14.1"
  },
  "dependencies": {
    "babel-preset-stage-0": "6.5.0",
    "immutable": "3.7.6",
    "react": "0.14.7",
    "react-dom": "0.14.7",
    "react-redux": "4.4.0",
    "react-router": "2.0.0",
    "react-router-redux": "4.0.0",
    "redux": "3.3.1"
  }

Update

This is my webpack config file

var webpack = require("webpack");

module.exports = {
  context: __dirname + "/app",
  entry: {
    javascript: "./app.js",
    html: "./index.html",
    css: "./style.css",
  },

  output: {
    filename: "app.js",
    path: __dirname + "/dist",
  },

  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
  ],

  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        include: __dirname,
        loaders: ["react-hot", "babel-loader", "eslint-loader"],
      },
      {
        test: /\.html$/,
        loader: "file?name=[name].[ext]",
      },
      {
        test: /\.css$/,
        loader: "file?name=[name].[ext]",
      },
    ],
  },
};

0条回答
登录 后发表回答