意外的標記進口開始反應

Question

我學反應，產生一個模擬了項目，但是當我運行該項目，我碰到下面的錯誤，我webpack.config.js文件的代碼如下，

module.exports = { 
 
    entry: './client.js', 
 
    output: { 
 
    filename: 'bundle.js', 
 
    path: 'public' 
 
    }, 
 
    module: { 
 
    loaders: [{ 
 
     test: /\.jsx?$/, 
 
     exclude: /node_modules/, 
 
     loader: 'babel-loader', 
 
     query: { 
 
     presets: ['es2015', 'react'] 
 
     } 
 
    }] 
 
    } 
 
};

我的package.json文件，

{ 
 
    "name": "universal-react", 
 
    "version": "0.0.0", 
 
    "description": "Universal React web application.", 
 
    "scripts": { 
 
    "start": "webpack && node server.js", 
 
    "dev": "npm-run-all --parallel watch:*", 
 
    "watch:webpack": "webpack -w", 
 
    "watch:server": "nodemon --ext js,jsx --ignore public/ server.js" 
 
    }, 
 
    "main": "server.js", 
 
    "keywords": [ 
 
    "universal", 
 
    "react" 
 
    ], 
 
    "dependencies": { 
 
    "babel-core": "^6.9.0", 
 
    "babel-loader": "^6.2.4", 
 
    "babel-preset-react": "^6.5.0", 
 
    "babel-register": "^6.9.0", 
 
    "express": "^4.13.4", 
 
    "marked": "^0.3.6", 
 
    "react": "^15.0.2", 
 
    "react-dom": "^15.0.2", 
 
    "react-redux": "^4.4.6", 
 
    "react-router": "^2.8.1", 
 
    "redux": "^3.6.0", 
 
    "webpack": "^1.13.1" 
 
    }, 
 
    "devDependencies": { 
 
    "nodemon": "^1.11.0", 
 
    "npm-run-all": "^3.1.2" 
 
    } 
 
}

錯誤信息如下，

/home/user/Documents/test/src/routes/index.js:1 
 
(function (exports, require, module, __filename, __dirname) { import React from 'react'; 
 
                   ^^^^^^ 
 
SyntaxError: Unexpected token import 
 
    at Object.exports.runInThisContext (vm.js:76:16) 
 
    at Module._compile (module.js:542:28) 
 
    at loader (/home/user/Documents/src/node_modules/babel-register/lib/node.js:144:5)

可能有人建議我在哪裏，我錯了？

Answer 1

您還沒有安裝babel-preset-es2015根據您的package.json。

"babel-preset-es2015": "^6.9.0", 

嘗試通過

npm install --save babel-preset-es2015 

安裝它還添加

"babel": "^6.5.2", 
"babel-cli": "^6.9.0" 

和.babelrc文件中項目的根平行的package.json 有以下內容。

$ cat .babelrc 
{ 
    "presets": [ 
    "es2015", 
    "react" 
    ] 
} 

然後再運行npm install然後webpack。