Ruby on rails 带有Vue和webpacker 3的Rails 5.1应用程序，未编译css

我正在尝试添加到我的Vue应用程序。 我遵循快速入门教程，我有我的application.js

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/it'
import App from '../app.vue'

Vue.use(ElementUI, { locale })

document.addEventListener('DOMContentLoaded', () => {
  document.body.appendChild(document.createElement('app'))
  const app = new Vue(App).$mount('app')

  console.log(app)
})

我正在导入CSS，我还

<%= stylesheet_link_tag 'application' %>

在我的布局中，但此文件为空，没有样式。 应用程序正在运行，但没有CSS。

---

我的错在哪里？

问题在于导入方法

使用

而不是

<%= stylesheet_link_tag 'application' %>

---

基于：

此搜索查询是否有帮助？不，我遵循每一个教程。问题是CSS编译您是否使用那些

import

语句导入CSS？我遵循@FabrizioBertoglio我使用样式表\u link\u标记而不是样式表\u pack\u标记，或者两者都使用，以防您仍然使用rails资产样式表

<%= stylesheet_link_tag 'application' %>