vue-cli3引入静态文件报错Unexpected token {

2,266 阅读1分钟

记录一个初级问题,由于经常性写ES6的module语法,以至于忘记了普通引入js文件orz..

背景:

/public文件夹下新建config.js文件,并在index.html文件中通过<script>标签引入,此js当作静态配置文件,方便打包后修改配置参数使用

问题:

此时不能config.js中书写export语法,是由于浏览器目前无法直接解析module语法,若要使用,由于此js文件已经在index.html文件中引入,此时直接在任意/src文件夹下的js中直接写config即可,不用使用import语法,即当作全部变量使用

若在config.js中书写export语法,则可能会报错如下:Uncaught SyntaxError: Unexpected token {


config.js

const config = {
    url: '//111.222.333.444:8888'
}

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <script src="./config.js"></script>
</body>
</html>

src中js使用

let urls = config.url + 'aaa'