未捕获的语法错误：无法在模块外使用导入语句 - Cordova

Question

我只是想从 main.js 文件访问我的通用应用程序变量/函数。 使用 ES6-导入导出。

export var APP_NAME= "MyPOC"; - File main.js

现在在其他 javascript 文件-home.js 中导入，

import * as mainparams from './main.js';
console.log("variable_name:"+ mainparams.APP_NAME); 

或

import {APP_NAME} from './main.js';
console.log("variable_name:"+ APP_NAME); 

Error: Uncaught SyntaxError: Cannot use import statement outside a module

在我的 HTML 页面中导入时，同样的事情也在起作用 - index.html

<script type="module">
         import {APP_NAME} from './js/main.js';
          console.log("variable_name: "+ APP_NAME); 
</script>
Result - Print in console - variable_name: MyPOC

我为解决问题所做的工作：

1. 我检查了 js 文件路径，两个 js 都在同一个文件夹中
2. 交叉检查已安装的 cordova-plugin-whitelist 软件包
3. 我尝试在 package.json 中添加 "type" : "module" - Show me issue on terminal can't support ES6
4. 添加了 <script type="module" src="main.js"></script> - Result: "unexpected token <"

上述操作项均不适合我。我只想在不同的 Javascript 文件中规范我的代码，以提高代码可读性。

使用：HTML、CSS。 JS、JQuery、Cordova、Phonegap 平台：Android、浏览器

1. ES6- Java Script Import-Export
2. Cordova WhileList Plugin
3. Add module in package.json file or use module directly

请帮帮我，感谢您花时间了解我的问题。