Rails因Vue而失败

Question

我使用Rails 5.1.4，webpacker 3.0和Vue.js设置了新项目，我使用webpack doc来安装带有Rails的Vue。 当我用Procfile命中工头时，Vues部分失败了。

我认为wepacker足够聪明，可以安装所有基本的东西来运行app ...

编辑： 捆绑exec rails webpacker：install：vue 给我这个，仍然无法工作

const { dev_server: devServer } = require('@rails/webpacker').config

const isProduction = process.env.NODE_ENV === 'production'
const inDevServer = process.argv.find(v => v.includes('webpack-dev-server'))
const extractCSS = !(inDevServer && (devServer && devServer.hmr)) || isProduction

module.exports = {
  test: /\.vue(\.erb)?$/,
  use: [{
    loader: 'vue-loader',
    options: { extractCSS }
  }]
}

Answer 1

由于webpacker问题不会停止在开发中，但是使部署更加困难，我只想提一下，很容易避免整个问题。只是不要使用webpacker，除非你知道你真的需要。

使用vn所在的cdn。将应用程序代码写入rails模板（我使用halm和javascript或ruby2js过滤器）。即使是小组件也可以这样做，或者使用x-template语法。

适用于小规模的魅力

Answer 2

所以我摆脱了这个。

我手动安装了带有rails的vue，并添加了带有yarn命令的vue loader yarn add vue vue-loader vue-template-compiler ，而不是“。”在末尾。 谢谢你的帮助！ ：）

Answer 3

要安装Javascript依赖项以便webpacker可以运行：

bundle install
yarn install

然后重新启动bin/webpack-dev-server，因为它很少喜欢大的变化或文件移动。

Answer 4

如果您在2018年之后运行Vue on Rails，则应使用Vue on Rails应用程序模板

rails new app -m https://vueonrails.com/vue -d postgresql

它附带默认配置和快捷方式。查看它附带的所有内容-> http://github.com/vueonrails/vueonrails