Webpack 无法使用“流类型检查器”解析 javascript 文件答案

【问题标题】：Webpack can't parse a javascript file using the "flow type checker"Webpack 无法使用“流类型检查器”解析 javascript 文件
【发布时间】：2018-01-18 06:46:01
【问题描述】：

虽然我尝试了我在 google 上找到的所有 babel 预设和插件，但我的 webpack 无法使用 facebook 的“流类型检查器”解析 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"]
}

【问题讨论】：

标签： javascript webpack babeljs webpack-2 flowtype

【解决方案1】：

听起来那个模块正在使用一种超级 hacky 的方法来集成 Flowtype。好像你在打类似https://github.com/uber/react-map-gl/issues/179 的东西，它使用了这个逻辑：https://github.com/uber/react-map-gl/pull/192/files

我建议向他们提交错误。这不应该是您通过 Webpack 处理的责任。

【讨论】：