2

我正在使用 vue 并且一切都很好，但是在使用 erb 编译时，控制台向我显示了一个错误：

ERROR in ./app/javascript/packs/onboarding/HomeForm.vue.erb
Module parse failed: /Users/yorch/SitesRails/homie/node_modules/rails-erb-
loader/index.js??ref--3!/Users/yorch/SitesRails/homie/app/javascript/packs/onboarding/HomeForm.vue.erb 
Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
<template>
<div>
<form action="/" style="margin-top: 50px;" @submit.prevent="login">
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this 
command.

请，希望可以帮助我！

谢谢

<template>
<div>
       <form action="/" style="margin-top: 50px;" @submit.prevent="login">
        <div class="form-group">
            <label for="name">Name</label>
            <input type="text" class="form-control" id="name" v model="home.name">
        </div>
        <div class="form-group">
            <input type="submit" class="btn btn-primary" value="Login">
        </div>

        <label>{{greeting}}</label>
    </form>

</div>
</template>

<script>
   export default {
    props: [
        'user'
    ],
    data() {
        return {
            home: {
                name: ''
            },
        }
    },
    computed: {
        greeting() {
            return `${this.home.name} ${this.user}`
        }
    },
    methods: {
        login() {
            alert('login');
        }
    }
}
</script>

这是文件的内容。目前只有 html 和平面 js，但是使用 erb 扩展编译 y 不起作用

4

0 回答 0