使用es6中import和export报错

在学习import和export时，写了一个小demo进行测试

//index.html<script>
import test from './test.js'
test()
</script>

//test.js
export default function (){console.log('调用了test.js里的export函数了哦')
}

可是会报错CORS，因为是在本地进行测试的。
Access to script at ‘file:///C:/Users/hp/Desktop/test/test.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

所以会有同源问题。把代码放到服务器上后，没了同源问题，但是会报
(index):21 Uncaught SyntaxError: Cannot use import statement outside a module

原因是必须在一个module中使用import
因而解决方法是在引入包含有import的js的标签上加入 type=“module”
即

这样就可以运行了。亲测可用哦！

使用es6中import和export报错相关推荐

python import request 不报错_爬虫学习路径整理及安装环境遇到的坑
学习路径是我自己提炼和精选的,只适合我个人,因为虽然有技术基础但是我刚入门爬虫视野很窄不专业,为避免误导你们,你们最好参考知乎上大牛已经回答的好答案.我发这篇文章,目的是给自己看的.ps,专栏下每篇文 ...
Vue中引入swiper插件报错：To install it, you can run: npm install --save swiper/css/swiper.css
Vue中引入swiper插件报错:To install it, you can run: npm install --save swiper/css/swiper.css 今天在写项目的时候用到了Sw ...
vue2使用国际化vue-i18n详解+ES6的import和export区别
1.安装vue-i18n: npm install vue-i18n@6 -s 坑大了,我用vue2写一开始没考虑到兼容性,直接npm i vue-i18n装了最新的9.2.2版本的,装完控制台有兼 ...
【Qt】ubuntu14.04.5 qt5.6中使用opencv3.4报错：Using GTK+ 2.x and GTK+ 3 in the same process is not supported
问题描述 ubuntu14.04.5 qt5.6中使用opencv3.4报错: Using GTK+ 2.x and GTK+ 3 in the same process is not support ...
安装MHA中清理Relay log报错
安装MHA中清理Relay log报错 [root@MHA3 ~]# /usr/bin/purge_relay_logs --user=root --password=123456 -disable ...
HQL语句中数据类型转换，及hibernate中createQuery执行hql报错
一.HQL语句中数据类型转换: 我们需要从数据库中取出序号最大的记录,想到的方法就是使用order by子句进行排序(desc倒序),然后取出第一个对象,可是当初设计数据库时(我们是在原来的数据库的基 ...
eclipse中同步代码PULL报错checkout conflict with files的解决方法
eclipse中同步代码PULL报错checkout conflict with files的解决方法参考文章: (1)eclipse中同步代码PULL报错checkout conflict wit ...
log4j中调试与错误日志分开_idea中log4j日志插件报错
visual studio code权威指南计算机 65.34元包邮 (需用券) 去购买 > idea中log4j日志插件报错在运行测试代码的时候,出现以下错误! 在 src/ main / ...
Linux中使用gcp拷贝报错：dbus.exceptions.DBusException: org.freedesktop.DBus.Error.NotSupported:
1 在linux中使用gcp拷贝的时候报错 Linux中使用gcp拷贝报错:dbus.exceptions.DBusException: org.freedesktop.DBus.Error.NotS ...

使用es6中import和export报错

使用es6中import和export报错相关推荐

最新文章

热门文章