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

问题描述

我已经在Rails gem上创建了一个Web应用程序，现在由于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：