2017-06-21 66 views
0

我想用我的母语做出反应Android应用工作作为一个website.I'm下面当我运行这个tutorial为`babel`节点API已经被移动到'巴贝尔,core`阵营的WebPack

webpack-dev-server它显示下面的错误。

enter image description here

webpak.cofig.js

module.exports = { 
    entry: "./entry.js", 
    output: { 
     path: __dirname, 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: 'babel', 
       query: { 
        presets: ['es2015', 'stage-0', 'react'] 
       } 
      } 
     ] 
    }, 
    resolve: { 
     alias: { 
      "react-native": "react-native-web" 
     } 
    } 
}; 

entry.js

document.write(require('./../testreact/index.android.js')); 

的package.json

{ 
    "name": "testreact", 
    "version": "0.0.1", 
    "private": true, 
    "scripts": { 
     "start": "adb reverse tcp:8081 tcp:8081 && node node_modules/react-native/local-cli/cli.js start", 
     "test": "jest" 
    }, 
    "dependencies": { 
     "babel": "^6.23.0", 
     "babel-polyfill": "^6.23.0", 
     "babel-preset-es2015": "^6.24.1", 
     "babel-preset-react": "^6.24.1", 
     "babel-preset-stage-0": "^6.24.1", 
     "firebase": "^4.1.2", 
     "react": "^16.0.0-alpha.12", 
     "react-native": "0.45.1", 
     "react-native-router-flux": "^3.38.0", 
     "react-native-web": "0.0.104", 
     "react-navigation": "^1.0.0-beta.11", 
     "webpack": "^3.0.0", 
     "webpack-dev-server": "^2.5.0" 
    }, 
    "devDependencies": { 
     "autoprefixer": "^7.1.1", 
     "babel-core": "^6.25.0", 
     "babel-jest": "20.0.3", 
     "babel-loader": "^7.1.0", 
     "babel-preset-react-native": "2.0.0", 
     "jest": "20.0.4", 
     "react-test-renderer": "16.0.0-alpha.12" 
    }, 
    "jest": { 
     "preset": "react-native" 
    } 
} 

UPDATE

enter image description here

+2

删除'babel' - 'npm uninstall babel --save' – Li357

+0

@AndrewLi你的意思是从node_module卸载babel吗? – Tje123

+0

是的。 'babel'被迁移到'babel-core',所以'babel'已被弃用。摆脱它。 – Li357

回答

0

在这种情况下还没有得到解决,在你的WebPack config文件使用babel-loader而不是babel-core

相关问题