laravel - Laravel 5.7 Vue.js 2 在 Edge 和 IE 11 中不起作用

Question

我创建了一个 Laravel 项目 5.7，我在这个项目中使用了很多 vue 和 vuex，当我完成项目时，我很惊讶它在 IE 11 和 MS Edge 中都不起作用。

我在网上搜索了很多人提到“babel”这个词，这对我来说是全新的，我将它安装在我的项目中，但它不起作用，因为我无法使用 Laravel Mix 配置它。

尝试并安装软件包后，对我没有任何帮助。

这是我所做的：

• npm install --save @babel/polyfill
• 在 public/js/app.js 文件中添加 require("@babel/polyfill")

• 在 webpack.mix.js 文件中我改变了这个

  mix.js('resources/js/app.js', 'public/js')  
  .sass('resources/sass/app.scss', 'public/css');
  

  对此：

  mix.babel('resources/js/app.js', 'public/js/app.js')
  .sass('resources/sass/app.scss', 'public/css');
  

我跑了npm run dev，但没有用。

我需要的是，因为我对 Laravel Mix 和这个“babel”东西完全陌生，所以我需要的是整个过程的配置指南。

边缘控制台日志的图片

标签： laravelvuejs2babeljslaravel-mix

Answer 1

确保在刀片内部渲染的所有 vue 组件都不会自动关闭。例如<vue-comment />，改为使用<vue-comment></vue-comment>这是我遇到的一个问题，我对此进行了追踪。

希望这就是全部。