本文介绍了无法浏览部署到Heroku的React应用程序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

无法编译./src/index.js模块构建失败:错误:无法找到模块'eslint/lib/formatters/stylish'

Failed to compile ./src/index.js Module build failed: Error: Cannot find module 'eslint/lib/formatters/stylish'

我的index.js看起来像这样从'react'导入React从'react-dom'导入ReactDOM导入'./index.css'从"./Game"导入游戏

My index.js look like this import React from 'react' import ReactDOM from 'react-dom' import './index.css' import Game from './Game'

ReactDOM.render(,document.getElementById('root'))

ReactDOM.render(, document.getElementById('root'))

{
  "name": "tic-tac-toe",
  "version": "0.1.0",
  "private": true,
  "eslintConfig": {
    "env": {
      "es6": true
    },
    "parserOptions": {
      "ecmaVersion": 8,
      "sourceType": "module",
      "ecmaFeatures": {
        "jsx": true
      }
    },
    "extends": [
      "standard",
      "react-app",
      "plugin:jsx-a11y/recommended"
    ],
    "plugins": [
      "jsx-a11y",
      "react"
      ],
    "rules": {
      "no-trailing-spaces": "off",
      "padded-blocks":"off",
      "jsx-a11y/href-no-hash":"off"
   }
  },
  "jest": {
    "testMatch": [
      "**/test/**/*.js?(x)"
    ],
    "collectCoverage": true,
    "coverageDirectory": "coverage",
    "coverageThreshold": {
      "global": {
        "branches": 100,
        "functions": 100,
        "lines": 100,
        "statements": 100
      }
    }
  },
  "dependencies": {
    "chromedriver": "^2.35.0",
    "jest-cli": "^22.3.0",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-scripts": "1.1.1",
    "selenium-webdriver": "^4.0.0-alpha.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "lint": "./node_modules/.bin/eslint  src/** test/** ",
    "test": "jest",
    "eject": "react-scripts eject",
    "cypress:open": "cypress open"
  },
  "devDependencies": {
    "babel-eslint": "^7.2.3",
    "babel-jest": "^22.2.2",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "cypress": "^2.0.3",
    "enzyme": "^3.3.0",
    "enzyme-adapter-react-16": "^1.1.1",
    "eslint": "^4.18.1",
    "eslint-config-google": "^0.9.1",
    "eslint-config-react-app": "^2.1.0",
    "eslint-config-standard": "^11.0.0",
    "eslint-plugin-flowtype": "^2.46.1",
    "eslint-plugin-import": "^2.9.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-node": "^6.0.1",
    "eslint-plugin-promise": "^3.6.0",
    "eslint-plugin-react": "^7.7.0",
    "eslint-plugin-standard": "^3.0.1",
    "jest": "^22.3.0",
    "react-test-renderer": "^16.2.0"
  }
}

Heroku部署日志不完整,如下所示建立依赖关系安装节点模块(package.json + package-lock)截至11.521s----->缓存构建清除先前的节点缓存保存2个cacheDirectories(默认):-node_modules-bower_components(没有要缓存的内容)----->构建成功!----->发现过程类型Procfile声明类型->(无)buildpack的默认类型-> Web----->压缩...完成:57.4M----->正在启动...v11发布 https://tictactoesko.herokuapp.com/部署到Heroku

And the deployment log feom Heroku looks like this Building dependencies Installing node modules (package.json + package-lock) up to date in 11.521s -----> Caching build Clearing previous node cache Saving 2 cacheDirectories (default): - node_modules - bower_components (nothing to cache) -----> Build succeeded! -----> Discovering process types Procfile declares types -> (none) Default types for buildpack -> web -----> Compressing... Done: 57.4M -----> Launching... Released v11 https://tictactoesko.herokuapp.com/ deployed to Heroku

当在浏览器中写入 https://tictactoesko.herokuapp.com/时,我接收以下错误消息:

When wirite https://tictactoesko.herokuapp.com/ in a browser then I recive folowing error message:

无法编译./src/index.js模块构建失败:错误:无法查找模块'eslint/lib/formatters/stylish'我该如何纠正该错误?

Failed to compile ./src/index.js Module build failed: Error: Cannot find module 'eslint/lib/formatters/stylish' How could i correct this error?

推荐答案

您手动安装了 eslint ,这可能会导致问题.您应该将其卸载并仅编辑 .eslintrc 文件.在此Github中查看@gaearon的评论问题

You installed eslint manually and this can break things. You should uninstall it and edit just your .eslintrc file. Look the comments of @gaearon in this Github issue

但是,如果您希望直接控制并自定义所有内容.我将弹出项目: npm run弹出.检查创建React应用.

But if you wish to control directly and customize everything. I would eject the project: npm run eject. Check the guide of Create React App.

这篇关于无法浏览部署到Heroku的React应用程序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-26 14:18