2017-08-10 78 views
0

儘管我嘗試了所有在Google上發現的babel預設和插件,但我的webpack無法使用Facebook的「流式檢查器」解析JavaScript文件。Webpack無法使用「流式檢查器」解析JavaScript文件

的錯誤,我得到

ERROR in ./~/mapbox-gl/src/geo/transform.js 
Module parse failed: /home/project/project-repo/Vee/superset/assets/node_modules/mapbox-gl/src/geo/transform.js Unexpected token (22:12) 
You may need an appropriate loader to handle this file type. 
| */ 
| class Transform { 
|  tileSize: number; 
|  tileZoom: number; 
|  lngRange: ?[number, number]; 
@ ./~/react-map-gl/dist/utils/transform.js 11:17-54 
@ ./~/react-map-gl/dist/map.react.js 
@ ./~/react-map-gl/dist/index.js 
@ ./~/react-map-gl/index.js 
@ ./visualizations/mapbox.jsx 
@ ./visualizations/main.js 
@ ./javascripts/modules/superset.js 
@ ./javascripts/dashboard/Dashboard.jsx 
@ multi babel-polyfill ./javascripts/dashboard/Dashboard.jsx 

我的WebPack配置規則

{ 
     test: /\.js$/, 
     exclude: APP_DIR + '/node_modules/', 
     use: [{ 
      loader:'babel-loader', 
      options:{ 
      presets:[ 
      'airbnb', 
      'es2015', 
      "stage-2", 
      "flow" 
      ], 
      plugins:[ 
       "transform-flow-strip-types", 
       "transform-flow-comments" 
      ] 
      } 
     }], 
     }, 

我.babelrc文件:

{ 
    "presets" : ["airbnb", "es2015", "react","flow"], 
    "plugins": ["async-to-promises","transform-flow-strip-types","transform-flow-comments"] 
} 

回答