【问题标题】:"Cannot use import statement outside a module" error when deploying to Heroku部署到 Heroku 时出现“无法在模块外使用 import 语句”错误
【发布时间】:2021-04-01 19:36:05
【问题描述】:

我对开发和 Heroku 都很陌生,但我正在尝试部署一个 React 应用程序。当我在本地运行该应用程序时,我可以完美地运行它,但是当我尝试部署到 Heroku 时,我一直遇到问题。它似乎构建成功,但是我一直以应用程序错误告终,当我检查 heroku 日志时,我得到以下信息:

heroku logs

当我搜索这个语法错误时,它似乎很受欢迎,而且它看起来可能与我的 index.js 文件被埋在 client -> src -> index.js 中有关(我在我的Procfile)。但我不明白的是,为什么这个导入错误不会在本地给我带来任何麻烦,只有当我尝试推送到 Heroku 时。

编辑:

此处记录了其他错误。 No Demon Errors

【问题讨论】:

  • 您需要使用命令 serve -s build 而不是使用 index.js 的节点来提供构建
  • 如果能分享一些代码sn-ps就更好了。
  • 嗨,伙计们-我很幸运能够取得一些进展,我认为...我有几个错误导致了我原来的帖子,但是在指定 index.js 的路径和位置之后使用似乎可以解决它的app.get('*', function (req, res) { res.sendFile(path.join(__dirname, 'client', 'src', 'index.js')); }); 文件。然而,话虽如此,我没有得到一个单独的问题。请参阅附加到原始帖子的附加图片。我在 Procfile 中使用 npm run dev 命令来启动应用程序,但我认为它会导致 nodemon 错误。

标签: reactjs heroku


【解决方案1】:

我在尝试将我的第一个 react 应用部署到 heroku 时遇到了类似的问题

我找到了一个超级简单的解决方案,可以轻松部署到 heroku。

以下是我执行此操作的步骤:

create-react-app $APP_NAME
cd $APP_NAME
git init
heroku create $APP_NAME --buildpack https://github.com/mars/create-react-app-buildkit.git
git add .
git commit -m "initial commit"
git push heroku master

[https://www.youtube.com/watch?v=zDiQrgeGTuU&t=135s][1]这是我关注的 youtube 视频的链接。

据我所知,buildpack 是这里的主要关键,因为它在准备应用程序发布方面完成了大部分繁重的工作。

【讨论】:

    【解决方案2】:

    我试过了,但出现以下错误

    -----> 基于 Heroku-20 堆栈构建

    -----> 使用 buildpack:https://github.com/mars/create-react-app-buildkit.git

    !获取自定义 buildpack 时出错https://github.com/mars/create-react-app-buildkit.git

    !推送失败

    【讨论】:

    猜你喜欢
    • 2021-03-01
    • 1970-01-01
    • 2020-10-10
    • 1970-01-01
    • 2021-05-15
    • 1970-01-01
    • 2020-09-12
    相关资源
    最近更新 更多