Laravel 将我的'welcome.blade.php'识别Vue导入到我的Nuxt.js文件夹中时遇到问题

我正在使用

numxt.js

处理我的

Laravel

项目。我需要将它们结合在一起，因为在我的项目中安装它们时，它们附带了一个样板

我可以让几乎所有的东西都工作到需要我的

welcome.blade.php

才能读取在

resources/nuxt/pages

文件夹中创建的

index.vue

组件的程度

目前，我遇到的问题是，“在导入vue的

public/App.js

”文件的第1行有一个意外标识符

从“Vue”导入Vue

所以。如何编译是通过我在

package.json中修改的
运行dev-nuxt
实现的（简化的|只显示我认为需要的|我很乐意根据要求显示更多）

在此之前，我一直在运行
warn-run-dev

"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",

看看webpack.mix.js。当运行
warn run dev
时，我的终端将返回以下错误：

Module not found: Error: Can't resolve '~/components/Logo.vue' in 'C:\Users\Owner\Documents\META+LAB\iSTART\resources\pages'
 @ ./resources/pages/index.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/pages/index.vue?vue&type=script&lang=js&) 28:0-41 32:10-14
 @ ./resources/pages/index.vue?vue&type=script&lang=js&
 @ ./resources/pages/index.vue
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/assets/app.scss

因此，我也意识到我的webpack.mix.js没有引用我的
numxt.config.js
（简化版|只显示我认为需要的内容|我很乐意根据要求显示更多内容）

const-pkg=require（“./package”）
const path=require（'path'）；
module.exports={
模式：“spa”，
/*
**srcDir指向nuxt将由nuxt dev编译的位置
*/
srcDir:'resources/'，
/*
**buildDir是编译nuxt代码的地方
*/
buildDir:'public/js/'，
**Nuxt.js模块
*/
模块：[，
//文件：https://bootstrap-vue.js.org/docs/
“引导vue/nuxt”，
“nuxt babel”
],

其中引用了my.babelrc，它应该将我的vue编译到我的
App.js
（简化版|仅显示我认为需要的内容|我很乐意根据要求显示更多内容）

{
“环境”：{
“测试”：{
“预设”：[
[
“@babel/preset env”，
{
“目标”：{
“节点”：“当前”
}
}
],
“@nuxt/babel预设应用程序”
]
}
}
}

因此，我不确定为什么会出现此错误。是否可能是我的
numxt.config.js
或
.babelrc
设置不正确

这就是我的
welcome.blade.php
的外观：


拉维尔

当通过上面我的
package.json
中声明的
warn-run-dev-nuxt
编译nuxt时，我得到了一个端口，它完美地显示了我的
index.vue
组件，但是在运行
php artisan-serve

我有一种感觉，我没有正确配置一些东西，或者我需要安装更多的软件包

这里是我的整个
package.json

“开发依赖性”：{
“@vue/test-utils”：“^1.0.0-beta.27”，
“axios”：“^0.18”，
“巴别塔核心”：“7.0.0-bridge.0”，
“巴别塔笑话”：“^23.6.0”，
“引导”：“^4.0.0”，
“交叉环境”：“^5.1”，
“玩笑”：“^23.6.0”，
“jquery”：“^3.2”，
“laravel mix”：“^4.0.7”，
“lodash”：“^4.17.5”，
“nodemon”：“^1.18.9”，
“popper.js”：“^1.12”，
“解析url加载程序”：“^2.3.1”，
“sass”：“^1.15.2”，
“sass加载程序”：“^7.1.0”，
“vue”：“^2.6.2”，
“vue玩笑”：“^3.0.2”
},
“依赖项”：{
“@babel/core”：“^7.2.2”，
“巴别塔加载器”：“^8.0.5”，
“引导”：“^4.1.3”，
“引导vue”：“^2.0.0-rc.11”，
“交叉环境”：“^5.2.0”，
“节点sass”：“^4.11.0”，
“nuxt”：“^2.4.0”，
“vue加载程序”：“^15.6.2”
}
我认为在html级别，您仍然需要在脚本标记中初始化
#app
上的Vue…因为我认为Vue没有初始化，基本上：

let-app=new-Vue（{el:#app'}）；
我认为在html级别，您仍然需要在脚本标记中初始化
#app
上的Vue…因为我认为Vue没有初始化，基本上：

let-app=new-Vue（{el:#app'}）；
我试过了，但仍然不起作用。不过，当我这样做时，我确实离解决问题更近了一步。控制台日志显示了什么？我得到了相同的错误：“意外标识符”然后是一堆错误，基本上说它无法编译Nuxt.js附带的vue实例。我将在上面的帖子中发布错误。这也是运行
warn run dev
的错误，如上所述，它将编译我的app.js，其中包含我的Vuey实例。你可以通过
c找到它trl+f
“找不到模块”我尝试了这个方法，但仍然不起作用。但是，当我这样做时，我确实离解决问题更近了一步控制台日志显示了什么？我得到了相同的错误：“意外标识符”然后是一堆错误，基本上说它无法编译Nuxt.js附带的vue实例。我将在上面的帖子中发布错误。这也是运行
warn run dev
的错误，如上所述，它将编译我的app.js，其中包含我的Vuey实例。你可以通过
c找到它trl+f
“未找到模块”
Module not found: Error: Can't resolve '~/components/Logo.vue' in 'C:\Users\Owner\Documents\META+LAB\iSTART\resources\pages'
 @ ./resources/pages/index.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/pages/index.vue?vue&type=script&lang=js&) 28:0-41 32:10-14
 @ ./resources/pages/index.vue?vue&type=script&lang=js&
 @ ./resources/pages/index.vue
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/assets/app.scss