laravel - 你好，我使用 laravel 和 Vue js 我的作者项目它工作正常，但是这个错误？

Question

  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

在应用程序中 require('./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

import Vue from 'vue' import VueRouter from '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, } ,
    ]
})

Answer 1

我也遇到了这个错误。就我自己而言，我遇到了这个错误，因为我想使用 tailwind v2.0。

我认为这与 Laravel Mix v6.0 或 POSTCSS 8 有关。因为 Vue SFC 尚不支持仅支持 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

我将 "laravel-mix": "^5.0.1" 添加到 package.json 文件中，以将 laravel mix 从 v6.0 降级到 v5.0.1。

然后npm install

最后，npm run watch