vue中如何引入js文件而不报404的错误

大家光棍节快乐!
最近在使用vue-cli生成的项目中,如下:comm.js中需要引用fingerprint.js,具体的代码截图如下,不过这个时候就出现了404的错误!
然后我把fingerprint.js放在了static里,路径是没有问题,但是fingerprint.js里的import语法起不了作用了,unexpected token 'import'(因为fingerprint.js里是需要加载comm.js里保存的一些信息比如userID),所以现在不知道怎么办了?

comm.js如下:
clipboard.png

fingerprint.js如下:
clipboard.png

webpack.base.conf.js的相关配置如下:
clipboard.png

阅读 6.3k
4 个回答

估计是webpack的babel配置的问题

异步加载的 js 要在浏览器执行,而浏览器并没有实现 import。

想要在fingerprint.js引用comm.js,不是应该写成import {util} from './fingerprint'吗,另外,你的代码还没经过编译,直接放到浏览器去引用,当然会报错,浏览器的javascript引擎是没有import关键字的

tdScript () {
  require.ensure([], (require) => require('./alert.js'))
}

webpack本身提供了异步加载js的方法,vue的组件的异步加载就是基于这个。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题