2017-12-28 29 views
0

Rails 5.1.4、webpacker 3.0、Vue.jsで新しいプロジェクトをセットアップしました。webpack docを使用してVue with Railsをインストールしました。 私がProcfileで監督に当ると、Vuesパートは失敗します。RailsがVueで失敗する

enter image description here

私はwepackerアプリを実行するために、すべての基本的なものをインストールするための十分なスマートです...

編集思った: バンドルのexecレールwebpacker:インストール: 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 } 
    }] 
} 
+0

コンソールで 'yarn'を実行しましたか? –

+0

["あなたはこのファイルタイプ" webpack and vue "を処理するために適切なローダーが必要な場合があります(https://stackoverflow.com/questions/45031720/you-may-need-an-appropiate-loader-to-handleこのファイルタイプwebpack-and-vue) – str

+0

@VitaliiProdanええ、私は糸を打って、すべてが最新です – Daniel

答えて

0

私はこれを取り除きます。

私は手動でレールとVUEをインストールしてからなし糸コマンド 糸追加VUEのVUE-ローダーVUEのテンプレートコンパイラでVUEローダーを追加しました「」最後に。 助けをいただきありがとうございます! :)

1

ウェブパッカーの問題は開発が止まらず、展開が難しくなるため、問題全体を避けるのは非常に簡単だと言いたいだけです。あなたは本当に必要があることを知っていない限り、webpackerを使用しないでください。

vueがどこにあるcdn'sを使用しますか。アプリケーションのコードをレールテンプレートに書いてください(私はhalmとjavascriptまたはruby2jsフィルタを使います)。このようにして、あるいはxテンプレートの構文を使って、小さなコンポーネントでさえできます。

は、小規模

0

のための魅力を動作することwebpackerが実行できるようにインストールJavascriptの依存関係を取得するには:それはめったに動き回っ大きな変更またはファイルを好きではないので、

bundle install 
yarn install 

はその後 bin/webpack-dev-serverを再起動します。

関連する問題