Uncaught SyntaxError: Cannot use import statement outside a module

这篇具有很好参考价值的文章主要介绍了Uncaught SyntaxError: Cannot use import statement outside a module。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

报错原因:
浏览器报错的原因是我们用了算是在2022年比较现代的es6的语法, 但是浏览器将它作为以前版本的js解析,所以出现问题
正确用法:
为了让 JavaScript 更模块化、更整洁以及更易于维护,ES6 引入了在多个 JavaScript 文件之间共享代码的机制。 它可以导出文件的一部分供其它文件使用,然后在需要它的地方按需导入。 为了使用这一功能, 需要在 HTML 文档里创建一个 typemodule 的脚本。 例子如下:

test.js

export const add = (x, y) => {
  return x + y;
}

index.html文章来源地址https://www.toymoban.com/news/detail-716960.html

<script type="module">
	import { add } from './test.js';
	console.log(add(1,2)); // 打印出3
</script>

到了这里,关于Uncaught SyntaxError: Cannot use import statement outside a module的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Uncaught TypeError: Cannot read properties of undefined (reading ‘use‘)

    报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘use’) 原因:Vue-router版本问题,在vue-router3可在router/index.js中安装router插件,但4不支持 解决: 1、在router/index.js中,导出{createRouter, createWebHistory}两个函数 使用createRouter来创建路由对象 使用createWebHistory函数赋值给histor

    2024年02月13日
    浏览(42)
  • 完美解决 Uncaught SyntaxError: Unexpected token ‘<‘

    vue项目的代码打包后,部署到服务器上面,打开后控制台报错如下: 其实不是代码的问题,而是资源公共路径设置的问题,解决方法如下: 只要把这里的 publicPath 设置为 “/” 就行,前面不要加点,改了之后问题就解决了。 提示:其实系统默认就是‘/’,只是部署的时候看

    2024年02月16日
    浏览(46)
  • Uncaught SyntaxError: Unexpected token ‘export‘

    index.html中引入一个下方这种结构的js文件, 但是报错了 原因及解决方案: 览器虽然支持了es6,但是不支持es6的Module直接使用,需要在script标签里加上 type=“module”,让浏览器很好的去认识它。

    2024年02月13日
    浏览(62)
  • (vite/webpack 通用)vue 白屏 Uncaught Syntaxerror: Unexpected token ‘?‘

    如果可以实现记得点赞分享,谢谢老铁~ 一、问题的描述 突然收到业务方发来的反馈: 浏览器一片空白,开控制台输出:Uncaught Syntaxerror: Unexpected token ? 这个是语法错误。 二、 如果是用vite来构建: 如果是用vite来构建的,根据vite官方文档描述,build.target默认支持 Chrome =8

    2024年02月05日
    浏览(42)
  • 【错误记录】Uncaught SyntaxError: Not available in legacy mode

    错误记录 :Uncaught SyntaxError: Not available in legacy mode 错误描述 :在vite脚手架项目当中,使用vue-i18n插件进行国际化多语言时,报错 解决方案 : 在引入vue-i18n 处,添加 legacy: false 如果对项目不熟悉,可以在全局下搜索createI18n 再添加    

    2024年02月13日
    浏览(47)
  • vite项目 Uncaught Syntaxerror: Unexpected token > vue项目上线白屏

    在开发环境一直没有问题,但是到了生产环境,上线了显示白屏。检查了nginx配置以及web存放位置的对应关系都没有问题,结果打开控制台输出:Uncaught Syntaxerror: Unexpected token ? 这个很明显是语法错误。但是在生产环境能使用,于是赶紧让同事检查了浏览器版本,结果是他那边

    2024年02月13日
    浏览(47)
  • 报错Uncaught SyntaxError: Unexpected token ‘o‘, “[object Obj“... is not valid JSON

    解决: 参考: https://reactgo.com/javascript-fix-unexpected-token-error/

    2024年02月16日
    浏览(56)
  • nginx部署前端项目 nginx部署无法加载js/css问题 Uncaught SyntaxError: Unexpected token ‘<‘

    注意:将多个html项目放在一个server中出现js,css加载不出来问题 可以将文件放在主项目同级目录下(暂时解决,可能是静态资源配置问题,不会弄)。 1.下载nginx,解压 2.将项目放入html目录下 3.修改nginx.conf文件 4.修改端口防止占用和添加新映射 5.普通html项目,部署会出现以下

    2024年02月04日
    浏览(49)
  • Uncaught SyntaxError: The requested module ‘…/xx/xx/x.js’ does not provide an export named ‘default’

    今天遇到这个报错 虽然很低级 ,正因为如此所以做个记录吧。今天在一个文件中import 一个文件, 出现了如下报错: Uncaught SyntaxError: The requested module ‘…/xx/xx/x.js’ does not provide an export named ‘default’ 斗胆翻译一下这句话:意思是这是一个未捕获的语法错误:请求的这个模

    2024年01月21日
    浏览(44)
  • vue报错:Uncaught SyntaxError: Unexpected token <;也就是前端的js请求响应数据是html格式的原因和解决方法

    “Uncaught SyntaxError: Unexpected token lt;” 错误通常出现在浏览器的开发者工具(console)中,它表示在解析 JavaScript 代码时遇到了意外的 字符。这个错误通常是由以下几种情况引起的: 代码中的 被错误地识别为 HTML 标签的开始:这通常发生在在引用外部 JavaScript 文件时,浏览器

    2024年02月07日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包