Fatal编程技术网
  • javascript/
  • Javascript 模块分析失败：heroku部署时出现意外令牌（14:6）

Javascript 模块分析失败：heroku部署时出现意外令牌（14:6）

javascript reactjs heroku

Javascript 模块分析失败：heroku部署时出现意外令牌（14:6）,javascript,reactjs,heroku,Javascript,Reactjs,Heroku,我有一个简单的应用程序，我计划部署到Heroku。它可以在本地主机上工作，但是当dogit push heroku master时，我收到一个错误，说需要一个合适的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。我还试图将改为或等，但没有成功 | render() { | return ( > <> | <Sidebar/> | <Fo

我有一个简单的应用程序，我计划部署到Heroku。它可以在本地主机上工作，但是当do
git push heroku master
时，我收到一个错误，说需要一个合适的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。我还试图将
改为
或
等，但没有成功

      |   render() {
      |     return (
     >       <>
      |         <Sidebar/>
      |         <Footer/>
      |      </>
       @ ./src/index.js 1:0-24
webpack.config.js

package.json

根据请求，这里是我的全部错误输出

枚举对象：68，完成。
计数对象：100%（68/68），完成。
增量压缩最多使用4个线程
压缩对象：100%（65/65），完成。
写入对象：100%（68/68），1.17mib | 765.00kib/s，完成。
总计68（增量23），重复使用0（增量0）
远程：正在压缩源文件。。。完成。
远程：建筑源：
远程：
远程：-->Node.js应用程序检测到
远程：
远程：-->创建运行时环境
远程：
远程：NPM\u配置\u日志级别=错误
远程：节点_ENV=生产
远程：节点\模块\缓存=真
远程：节点\u VERBOSE=false
远程：
远程：-->安装二进制文件
远程：engines.node（package.json）：12.13.0
远程：engines.npm（package.json）：6.12.0
远程：
远程：正在解析节点版本12.13.0。。。
远程：下载和安装节点12.13.0。。。
远程：npm 6.12.0已安装节点
远程：
远程：-->安装依赖项
远程：安装节点模块（package.json）
远程：添加了来自403个贡献者的823个包，并在25.88秒内审核了10614个包
远程：发现0个漏洞
远程：
远程：
远程：-->构建
远程：正在运行构建
远程：
远程：>myWebsite@1.0.0build/tmp/build_AECDB3DAE6F65FC1053619440B756EF
远程：>webpack——生产模式
远程：
远程：哈希：71478ca5630665d9995b
远程：版本：webpack 4.41.2
远程：时间：205ms
远程：建造时间：2019年7月11日下午7:44:19
远程：1项资产
远程：入口点main=main.js
远程：[0]。/src/index.js 24字节{0}[编译]
远程：[1]。/src/App.js 315字节{0}[build][failed][1错误]
远程：
远程：./src/App.js 14:6中的错误
远程：模块分析失败：意外令牌（14:6）
远程：您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。看见https://webpack.js.org/concepts#loaders
远程：|渲染（）{
远程：|返回(
远程：>
远程：|
远程：|
远程：@./src/index.js 1:0-24
远程：npm ERR！代码ELIFECYCLE
远程：npm错误！错误号2
远程：npm错误！myWebsite@1.0.0build:`webpack--生产模式`
远程：npm错误！退出状态2
远程：npm错误！
远程：npm ERR！在以下位置失败：myWebsite@1.0.0构建脚本。
远程：npm错误！这可能不是npm的问题。上面可能有其他日志输出。
远程：
远程：npm ERR！此运行的完整日志可在以下位置找到：
远程：npm ERR！/tmp/npmcache.7aIPm//u logs/2019-11-07T19_44_19_386Z-debug.log
远程：
远程：-->生成失败
远程：
远程：很抱歉，此生成失败！您可以在此处解决常见问题：
远程：https://devcenter.heroku.com/articles/troubleshooting-node-deploys
远程：
远程：如果您被卡住了，请提交一张罚单，以便我们可以帮助您：
远程：https://help.heroku.com/
远程：
远程：爱，
遥控器：Heroku
远程：
远程：！推送被拒绝，未能编译Node.js应用程序。
远程：
远程：！推送失败
远程：正在验证部署。。。
远程：
远程：！拒绝推送到守卫堡垒36341。
远程：
到https://git.heroku.com/guarded-fortress-36341.git
！[远程拒绝]主机->主机（拒绝预接收挂钩）
错误：无法将某些引用推送到'https://git.heroku.com/guarded-fortress-36341.git'
因为没有人回答。我最终移动了我的项目来创建react应用程序。在那里，配置主要是为我设置的。（特别是我遇到错误的加载程序）

你能发布完整的错误吗。也许可以添加这行
“heroku postbuild”：“webpack-p”//安装后运行
到
包中的脚本。json
更新我的问题将完全出错 
{
  "presets": [
    "@babel/preset-env", 
    "@babel/preset-react"
  ]
}

const HtmlWebPackPlugin = require("html-webpack-plugin");
module.exports = {
  output: {
    publicPath: '/'
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/, 
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ["@babel/preset-react"]
          }
        }
      },
      {
        test: /\.html$/,
        use: [
          {
            loader: "html-loader"
          }
        ]
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: ["file-loader"]
      },
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      },
    ]
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  },
  devServer: {
    historyApiFallback: true,
  },
  plugins: [
    new HtmlWebPackPlugin({
      template: "./src/index.html",
      filename: "./index.html"
    })
  ]
};

{
  "name": "myWebsite",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "engines": {
    "npm": "6.12.0",
    "node": "12.13.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --open --mode development",
    "build": "webpack --mode production"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/preset-env": "^7.6.3",
    "@babel/preset-react": "^7.6.3",
    "css-loader": "^3.2.0",
    "file-loader": "^4.2.0",
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.2.0",
    "react-social-icons": "^4.1.0",
    "style-loader": "^1.0.0",
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.9",
    "webpack-dev-server": "^3.8.2"
  },
  "dependencies": {
    "@babel/core": "^7.6.4",
    "babel-loader": "^8.0.6",
    "react": "^16.10.2",
    "react-dom": "^16.10.2",
    "react-router-dom": "^5.1.2",
    "react-split-pane": "^0.1.87"
  }
}

Enumerating objects: 68, done.
Counting objects: 100% (68/68), done.
Delta compression using up to 4 threads
Compressing objects: 100% (65/65), done.
Writing objects: 100% (68/68), 1.17 MiB | 765.00 KiB/s, done.
Total 68 (delta 23), reused 0 (delta 0)
remote: Compressing source files... done.
remote: Building source:
remote:
remote: -----> Node.js app detected
remote:
remote: -----> Creating runtime environment
remote:
remote:        NPM_CONFIG_LOGLEVEL=error
remote:        NODE_ENV=production
remote:        NODE_MODULES_CACHE=true
remote:        NODE_VERBOSE=false
remote:
remote: -----> Installing binaries
remote:        engines.node (package.json):  12.13.0
remote:        engines.npm (package.json):   6.12.0
remote:
remote:        Resolving node version 12.13.0...
remote:        Downloading and installing node 12.13.0...
remote:        npm 6.12.0 already installed with node
remote:
remote: -----> Installing dependencies
remote:        Installing node modules (package.json)
remote:        added 823 packages from 403 contributors and audited 10614 packages in 25.88s
remote:        found 0 vulnerabilities
remote:
remote:
remote: -----> Build
remote:        Running build
remote:
remote:        > myWebsite@1.0.0 build /tmp/build_aecdb33dae6f65fc1053619440b756ef
remote:        > webpack --mode production
remote:
remote:        Hash: 71478ca5630665d9995b
remote:        Version: webpack 4.41.2
remote:        Time: 205ms
remote:        Built at: 11/07/2019 7:44:19 PM
remote:         1 asset
remote:        Entrypoint main = main.js
remote:        [0] ./src/index.js 24 bytes {0} [built]
remote:        [1] ./src/App.js 315 bytes {0} [built] [failed] [1 error]
remote:
remote:        ERROR in ./src/App.js 14:6
remote:        Module parse failed: Unexpected token (14:6)
remote:        You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
remote:        |   render() {
remote:        |     return (
remote:        >       <>
remote:        |         <Sidebar/>
remote:        |         <Footer/>
remote:         @ ./src/index.js 1:0-24
remote: npm ERR! code ELIFECYCLE
remote: npm ERR! errno 2
remote: npm ERR! myWebsite@1.0.0 build: `webpack --mode production`
remote: npm ERR! Exit status 2
remote: npm ERR!
remote: npm ERR! Failed at the myWebsite@1.0.0 build script.
remote: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
remote:
remote: npm ERR! A complete log of this run can be found in:
remote: npm ERR!     /tmp/npmcache.7aIPm/_logs/2019-11-07T19_44_19_386Z-debug.log
remote:
remote: -----> Build failed
remote:
remote:        We're sorry this build is failing! You can troubleshoot common issues here:
remote:        https://devcenter.heroku.com/articles/troubleshooting-node-deploys
remote:
remote:        If you're stuck, please submit a ticket so we can help:
remote:        https://help.heroku.com/
remote:
remote:        Love,
remote:        Heroku
remote:
remote:  !     Push rejected, failed to compile Node.js app.
remote:
remote:  !     Push failed
remote: Verifying deploy...
remote:
remote: !   Push rejected to guarded-fortress-36341.
remote:
To https://git.heroku.com/guarded-fortress-36341.git
 ! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/guarded-fortress-36341.git'