将 JS 文件从 Rails 项目迁移到 vanilla JS 客户端项目并在 ES6 导入语句上获取 ERR 404

Migrating JS files from Rails project to vanilla JS client side project and getting ERR 404 on ES6 import statements

我在 Rails gem 之上创建了一个网络应用程序，现在由于 gem 的问题，我需要将它 100% 迁移到 JS。在我的 Rails 项目文件中，有一个名为 'javascript' 的文件夹，我所有的 JS 文件都存放在这里，我为我的 JS 代码定义了一个入口点并使用了 ES6 导入语句。一切正常。

现在，我正在尝试仅使用 html / css / JS 将 JS 文件移植到我的新空项目中，并利用我创建的现有导入语句，我得到了我的导入语句出现 404 错误，例如

GET https://myapp.netlify.app/javascript/shopify_app/business_logic/process_weight_on_interval net::ERR_ABORTED 404

我觉得我肯定做错了什么，因为这样指向 JS 文件似乎不对 - 对吗？

在我的 html 文件中我有：

<script type="module" src="weight.js"></script>

在我的 weight.js 文件的顶部（导致错误）：

import { processApiResponse } from "./javascript/shopify_app/business_logic/process_weight_on_interval";

我的 html 文件和 weight.js 在项目的主目录中，然后我从我的 Rails 项目复制了 'javascript' 文件夹，其中包括所有其他 JS 文件。我是 Web 开发的新手，我承认我对 ES6 导入与 ES5 要求、模块、使用脚本 src 等以及它适用于服务器端与客户端 JS 缺乏深入的了解。谢谢。

我想我明白了 - 我只需将 .js 添加到导入语句中每个路径的末尾即可:headsmack:

将 JS 文件从 Rails 项目迁移到 vanilla JS 客户端项目并在 ES6 导入语句上获取 ERR 404

Migrating JS files from Rails project to vanilla JS client side project and getting ERR 404 on ES6 import statements

javascript

ruby-on-rails

ecmascript-5

web

ecmascript-6