Почему-то я не могу запустить свой проект Vue.У меня есть другой проект с точно такими же настройками и версиями, который работает нормально, но при этой установке я получаю эту ошибку:
ERROR in ./app/javascript/components/app.vue
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
Вот мой package.json файл:
{
"dependencies": {
"@rails/webpacker": "3.5",
"axios": "^0.18.0",
"css-loader": "^1.0.0",
"v-clipboard": "^2.0.1",
"vue": "2.5.16",
"vue-loader": "14.2.2",
"vue-router": "3.0.1",
"vue-template-compiler": "2.5.16",
"vuelidate": "^0.7.4",
"vuetify": "^1.3.3"
},
"devDependencies": {
"webpack-dev-server": "2.11.2"
}
}
Мой app.vue файл:
<template>
<v-app class="my_background">
<h1>hi</h1>
</v-app>
</template>
<script>
import 'images/background.png';
import axios from 'axios';
export default {
data: function() {
return{};
}
};
</script>
И, наконец, мой файл конфигурации webpack.
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 }
}]
};