模块解析失败：意外令牌 (11:19)

Question

web 编译失败。C:/XXX/node_modules/galio-framework/src/Toast.js 11:19 Module parse failed: Unexpected token (11:19) 你可能需要一个合适的加载器来处理这个文件类型，目前没有加载器被配置来处理这个文件。见https://webpack.js.org/concepts#loaders | | 类 Toast 扩展组件 {

静态 propTypes = { | 孩子：PropTypes.node.isRequired，| isShow: PropTypes.bool.isRequired,

{
  "name": "Bay",
  "version": "1.3.0",
  "description": "Desc",
  "scripts": {
    "start": "react-native start",
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "postinstall": "jetify"
  },
  "repository": {
    "type": "git",
    "url": "git+https://gx.git"
  },
  "dependencies": {
    "expo": "^35.0.0",
    "expo-asset": "~7.0.0",
    "expo-font": "~7.0.0",
    "galio-framework": "^0.6.3",
    "prop-types": "^15.7.2",
    "react": "16.8.3",
    "react-dom": "16.8.3",
    "react-native": "0.59.10",
    "react-native-gesture-handler": "~1.3.0",
    "react-native-modal-dropdown": "^0.6.2",
    "react-native-reanimated": "~1.3.0",
    "react-native-screens": "1.0.0-alpha.23",
    "react-native-unimodules": "0.6.0",
    "react-native-web": "^0.11.7",
    "react-navigation": "^3.11.0",
    "webpack": "^4.41.6"
  },
  "devDependencies": {
    "@babel/core": "^7.6.0",
    "babel-jest": "24.9.0",
    "jest": "24.9.0",
    "jetifier": "^1.6.4",
    "metro-react-native-babel-preset": "0.56.0",
    "react-test-renderer": "16.9.0",
    "babel-preset-expo": "^7.0.0"
  },
  "keywords": [
    "argon react native",
    "argon design system",
    "argon app react native",
    "argon iOS",
    "react native iOS",
    "creative tim",
    "argon Android",
    "react native ui kit",
    "react native expo",
    "freebie",
    "react native argon design",
    "react native galio",
    "galio argon free",
    "galio react native free app",
    "argon expo react native",
    "react native ui template"
  ],
  "author": "ss",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/creativetimofficial/argon-react-native/issues"
  },
  "homepage": "https://demos.creative-tim.com/argon-react-native"
}

Answer 1

如果您使用的是 Expo，我将以下内容添加到我的 app.json 中：

"web": {
  "build": {
    "babel": {
      "include": ["galio-framework"]
    }
  }
}

Answer 2

正如评论中所讨论的，一webpack.config.js开始就没有。因此，通过删除webpack依赖项，上述问题就得到了解决。

要删除webpack并重新安装，请运行以下命令：

npm uninstall webpack && rm -rf node_modules && npm install