Невозможно использовать минимизированный набор компонентов vue в приложении rails - PullRequest
Новая
       50

Невозможно использовать минимизированный набор компонентов vue в приложении rails

1 голос
/ 04 августа 2020

Я новичок в Vue.js Я создал минифицированный js пакет для моего Vue компонента и поместил его в папку rails vendor/assets/javascript, но каждый раз, когда я запускаю свой проект, появляется следующее предупреждение:

enter image description here

The minified bundle was made with this command: vue-cli-service build --target lib --name @smondalkreeti/side-panel ./src/main.js

This is main.js:

import Vue from 'vue';
import App from './App.vue';
import store from './store';
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false;

export default new Vue({
  store,
  vuetify,
  render: (h) => h(App)
}).$mount('#app');

This is my application.html.erb in rails application:

<!DOCTYPE html>

  
    Todo
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
  

  
    <% if !flash.empty? %>
      <%= flash.each do |key, msg| %>
        <%= msg %>
      <% end %>
    <% end %>
    <%= yield %>

Это мой app/assets/javascripts/pack/application.js: 

import Vue from 'vue';
const App = require('../../../vendor/assets/javascripts/side-panel.umd.min');

document.addEventListener('DOMContentLoaded', function () {
  const el = document.body.appendChild(document.createElement('div'));
  const app = new Vue({
    el,
    render: (h) => h(App.default)
  });

  console.log(app);
});

Я не понимаю, как показать Vue компонент в моем приложении rails?

...