由于本机基础模块，Web Expo 无法编译

Question

我正在尝试让 "expo for web" 部分适用于我的托管世博会项目。

我将托管的 expo 项目升级到 expo sdk 33，这样我也可以在网络平台上部署我的应用程序，最好是从 firebase 托管它。我遵循了世博会的官方说明：

Upgrading Expo SDK Walkthrough

Expo CLI and SDK web support beta

Using Expo for web in a expo init project

关于如何升级到 SDK 33 以及如何配置和启用 Web 平台。

Expo-cli 版本为：'2.19.5'

我正在使用 Yarn

package.json

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "eject": "expo eject"
  },
  "dependencies": {
    "@expo/vector-icons": "latest",
    "expo": "next",
    "expo-cli": "^2.19.5",
    "expo-codemod": "^1.0.0",
    "expo-constants": "latest",
    "expo-image-manipulator": "latest",
    "expo-image-picker": "latest",
    "expo-intent-launcher": "latest",
    "expo-permissions": "latest",
    "firebase": "^5.8.1",
    "native-base": "^2.12.1",
    "react": "16.8.3",
    "react-dom": "^16.8.6",
    "react-firebaseui": "^3.1.2",
    "react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
    "react-native-alert-async": "^1.0.3",
    "react-native-modal": "^9.0.0",
    "react-native-modal-datetime-picker": "^6.0.0",
    "react-native-picker-select": "^5.2.3",
    "react-native-web": "^0.11.4",
    "react-navigation": "^3.5.0-alpha.0",
    "react-redux": "^6.0.0",
    "redux": "^4.0.1",
    "redux-thunk": "^2.3.0",
    "rxjs": "^6.3.3",
    "schedule": "0.4.0",
    "uuid": "^3.3.2"
  },
  "devDependencies": {
    "babel-preset-expo": "^5.0.0",
    "prettier": "1.16.4"
  },
  "prettier": {
    "jsxBracketSameLine": true,
    "arrowParens": "always",
    "bracketSpacing": false
  },
  "private": true
}

这是我遇到的错误，抱歉，我完全不确定如何修复它。我已经将 expo 和 native base 更新到最新版本。

如有任何帮助，我们将不胜感激。

Failed to compile.
/node_modules/native-base-shoutem- 
theme/src/StyleProvider.js 10:19
Module parse failed: Unexpected token (10:19)
You may need an appropriate loader to handle this file type.
|  */
| export default class StyleProvider extends React.Component {
>   static propTypes = {
|     children: PropTypes.element.isRequired,
|     style: PropTypes.object,

Answer 1

这是因为 Expo CLI 使用的 Webpack 配置会自动转译任何以 expo、react-native、react-navigation、@expo 开头的 node_modules , @react-navigation.任何其他模块都需要手动添加到配置文件中，方法是创建一个扩展 @expo/webpack-config 的新 webpack 配置，或者将模块名称添加到 app.json 中，如下所示：https://github.com/hectahertz/react-native-typography/pull/31

"expo": {
  ...
  "web": {
    "build": {
      "babel": {
        "include": [
          "native-base-shoutem-theme"
        ]
      }
    }
  }
}

由于本机基础模块，Web Expo 无法编译

Expo for Web failed to compile because of native base module

react-native

native-base

react-native-web

expo