Блог

Главная - Вопросы по программированию - Привет, я использую laravel и Vue js, я автор проекта, он работает нормально, но эта ошибка?

Привет, я использую laravel и Vue js, я автор проекта, он работает нормально, но эта ошибка?

#laravel #vue.js #vuejs2 #vue-router #laravel-7

#laravel #vue.js #vuejs2 #vue-маршрутизатор #laravel-7

Вопрос:

   Module parse failed: Unexpected token (1:0)
  You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See :// webpack . js .org/concepts#loaders
  > <template>
  |     <div class="container">
  |         <div class="row justify-content-center">
   @ ./resources/js/Router.js 4:0-53 11:15-19
   @ ./resources/js/app.js
   @ multi ./resources/js/App.js ./resources/sass/app.scss

в приложении
требуется (‘./ bootstrap’);

 window.Vue = require('vue');
import VueRouter from 'vue-router'
Vue.use(VueRouter)

import router from './Router'
 new Vue({
    el: '#app',
    router
});

в маршрутизаторе js

я импортирую vue-router и vue

импорт Vue из ‘vue’ импорт VueRouter из ‘vue-router’ Vue.use(VueRouter)

 import User from './components/ExampleComponent.Vue'

Vue.use(VueRouter);

const router = new VueRouter({
    mode:'history',
    routes:[

        { path:'/user', component: User, } ,
        { path:'/categories', component: categories, } ,
    ]
})

Комментарии:

1. Вы создали экземпляр импорта Vue для объекта window. и затем вы назначаете маршрутизатор Vue. вы пробовали window.Vue.use()? Я не уверен, что это проблема.

2. @JustinDuncan да, он импортирует в app.js

Ответ №1:

Я тоже столкнулся с этой ошибкой. В моем собственном случае я столкнулся с этой ошибкой, потому что хотел использовать tailwind версии 2.0.

Я думаю, что это как-то связано с Laravel Mix v6.0 или POSTCSS 8. Потому что Vue SFCs пока не работает с плагинами только для PostCSS 8. Взято из (https://github.com/JeffreyWay/laravel-mix/issues/2625 ).

Итак, в моем собственном случае шаги, которые я предпринял, перечислены ниже.

  1. Я удаляю соответствующие пакеты npm uninstall tailwindcss postcss autoprefixer
  2. Затем я установил их обратно с помощью сборки совместимости npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

Проверьте https://tailwindcss.com/docs/installation#post-css-7-compatibility-build

  1. Я добавил "laravel-mix": "^5.0.1" в файл package.json, чтобы понизить версию laravel mix с версии 6.0 до версии 5.0.1.

  2. Затем npm install

  3. Наконец, npm run watch