我無法讓Rails5.2編譯Vue.js

Question

我正在嘗試使用webpacker編譯* .vue文件，以便在rails中工作。

該項目是帶有Rails后端的vue前端（SPA），但我一直遇到相同的錯誤。

錯誤：[VueLoaderPlugin錯誤]未找到與.vue文件匹配的規則。 │18}，確保至少有一個根目錄規則與.vue或.vue.html文件匹配。

我試圖在config / webpack / environment.js中放一條規則

這是github上項目的鏈接。

https://github.com/ajn123/Ta-Da-List

Answer 1

我遇到了類似的問題。 我正在運行Rails v5.2.3。 我固定它通過以下evironment.js和vue.js文件：

// config/webpacker/environment.js

const { environment } = require('@rails/webpacker')
const { VueLoaderPlugin } = require('vue-loader')
const VueLoaderConfig = require('./loaders/vue')

environment.loaders.append('VueLoaderConfig', VueLoaderConfig)
environment.plugins.append('VueLoaderPlugin', new VueLoaderPlugin())

module.exports = environment

// config/webpacker/loaders/vue.js

const { VueLoaderPlugin } = require('vue-loader')

module.exports = {
  test: /\.vue(\.erb|\.slim)?$/,
  exclude: /node_modules/,
  use: 'vue-loader',
}