如何解决未捕获的语法错误:无法在模块外使用导入语句 - Cordova
我只是想从 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
我为解决问题所做的工作:
- 我检查了 js 文件路径,两个 js 都在同一个文件夹中
- 交叉检查已安装的
cordova-plugin-whitelist
软件包 - 我尝试在 package.json 中添加
"type" : "module"
-Show me issue on terminal can't support ES6
- 添加了
<script type="module" src="main.js"></script>
-Result: "unexpected token <"
上述操作项均不适合我。我只想在不同的 Javascript 文件中规范我的代码,以提高代码可读性。
使用:HTML、CSS。 JS、JQuery、Cordova、Phonegap 平台:Android、浏览器
- ES6- Java Script Import-Export
- Cordova WhileList Plugin
- Add module in package.json file or use module directly
请帮帮我,感谢您花时间了解我的问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。