Laravel Mix引入JS后,该JS无法使用

场景:把echarts.js引入laravel项目

我的问题:

  • 请问是我操作不当导致Mix错误工作吗?
  • 要怎么才能让Mix正确生成对应的文件?

目前尝试了以下几种方式:

  1. <script type="text/javascript" src="{{ mix("js/echarts.js") }}"></script>
    <script type="text/javascript" src="/js/echarts.js"></script>
    <script type="text/javascript" src="{{ URL::asset('/js/echarts.js') }}"></script>

    本地的这几种方式都确认是能引入js文件的,在浏览器输入url能访问到js文件,但全都报错无法正常使用:Uncaught ReferenceError: echarts is not defined
    Laravel Mix引入JS后无法使用

  2. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4.8.0/dist/echarts.min.js"></script>

    用CDN引入则能正常使用:
    Laravel Mix引入JS后无法使用


更新

报错的操作步骤:

  1. 把github上的echarts.js放进resources/js
  2. 在webpack.mix.js中添加.js('resources/js/echarts.js','public/js')
  3. npm run dev

以上3步会导致在public/js中生成的echarts.js不能正常工作,报错:Uncaught ReferenceError: echarts is not defined,而当我使用CDN的js文件,或直接拷贝github的js文件到public/js中时,可以正常使用。

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
最佳答案

打包之后,需要重新定义全局对象,你才能访问的到这个对象

3年前 评论
讨论数量: 3

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!