laravel 6.0版不包括vuejs文件assets/components，App.vue，在resources/js文件夹中。这就是为什么以及如何修复它？
laravel 6.0版不包括vuejs文件assets/components，App.vue，在resources/js文件夹中的原因是，laravel 6.0版默认使用了Laravel Mix来处理前端资源，其中包括了Vue.js的集成。在该版本中，Vue.js的相关文件被放置在resources/js文件夹中，而不再包括在assets/components和App.vue中。
要修复这个问题，可以按照以下步骤进行操作：
- 确保已经安装了Node.js和npm，因为laravel mix需要依赖它们来编译前端资源。
- 在项目根目录下，打开命令行工具，并执行以下命令来安装laravel mix：
- 在项目根目录下，打开命令行工具，并执行以下命令来安装laravel mix：
- 安装完成后，执行以下命令来编译前端资源：
- 安装完成后，执行以下命令来编译前端资源：
- 这将会编译resources/js文件夹中的Vue.js文件，并将编译后的文件放置在public/js目录下。
- 在你的视图文件中，使用编译后的Vue.js文件，例如：
- 在你的视图文件中，使用编译后的Vue.js文件，例如：
- 这将会引入编译后的Vue.js文件，使其在浏览器中可用。
通过以上步骤，你就可以修复laravel 6.0版不包括vuejs文件assets/components，App.vue，在resources/js文件夹中的问题，并且可以正常使用Vue.js来开发前端功能。
相关·内容
1回答
我有一个使用laravel 5.5和vuejs 2.5.7的项目。在本地主机上一切都很好，但是在生产上，我的vuejs组件没有呈现。我所有的要求都很好，我只有200。我已经完成了npm运行生产，并将app.js文件设置到我的文件夹public_html/js中。
我有两个文件夹：
公共-js/app.js // npm运行生产-index.php -css -images -etc.
阿尔法所有其他文件-vendor -节点-模块-ressources -etc.
我的主页：
<!DOCTYPE html>
<head>
<meta charse
浏览 0提问于2018-05-23得票数 2
我使用Windows10操作系统进行开发，我创建了一个laravel 8，mix with VueJs项目。我的./components/app.vue上的文件返回一个SyntaxError: Unexpected token (1:0) 这就是app.vue文件中的内容 <template>
<div>
Event Calendar VueJs x Laravel
</div>
</template>
<script>
export default {
name: "App"
浏览 9提问于2021-01-10得票数 0
回答已采纳
在laravel版本6.0发布之后，当我安装fresh laravel应用程序时，它不包含vue.js文件assets/components、App.vue。我不知道该怎么解决它。我想在拉瓦尔和vue开发一个项目。 require('./bootstrap'); 这是一个app.js文件，它只包含这行代码。
浏览 23提问于2019-09-08得票数 1
1回答
我有一个VueJS项目，是我和vue-cli webpack一起开始的。我有一个javascript库，其中包含所有组件中需要的函数。我想知道我需要把这个文件夹放在哪里，以及如何从Component1.vue中的JSLibrary1调用函数：
-myJSLibrary
JSLibrary1.js
JSLibrary2.js
JSLibrary1.js
var A = A || (function() {
class B {
function C(){
return “hello”;
}
}
浏览 15提问于2018-01-12得票数 7
2回答
我想创建的功能，我们可以改变点击按钮上的样式。
在我的例子中，我使用sass/scss进行样式设置。
例如，我有三种不同的风格，default.scss，dark.scss和system.scss。dark.scss的代码如下所示
// Mode
$mode: dark;
// Initialize
@import "init";
// Components
@import "./core/components/components";
@import "components/components";
// Layout
@import &
浏览 0提问于2021-11-15得票数 2
1回答
我正在使用vuejs 2.0和vue-router和webpack。
我需要使用src/ store文件夹中的session-store.js列出组件中的项，但我无法从App.vue中的存储区和我的组件中读取数据。
session-store.js
import $ from 'jquery'
var SessionStore = {
state: {
data: []
},
fetchSessionScheduleData: function () {
$.ajax({
url: 'https://www.myapi.com/
浏览 1提问于2017-01-20得票数 0
在我的项目中，当我使用<router-link>从一个页面移动到另一个页面时，JavaScript无法工作，请查看图像以理解我的意思。
当我第一次刷新页面时，一切都正常，但是当我进入测试页面(从localhost:8000/到localhost:8000/test)时，javascript不起作用，有人帮助我吗？
我的app.blade.php
<!DOCTYPE html>
<html>
<head>
<title>Vue App</title>
<link rel
浏览 9提问于2021-01-21得票数 0
回答已采纳
我所做的一切与这个视频中的完全一样，但是我得到了这个错误in :( "ERROR in ./resources/js/app.js 4:0-28 module : Error:不能解决'./vue/app‘在用1编译的中“，以及浏览器控制台中的错误"Uncaught :Can find模块'./vue/app'”)。
下面是我使用代码的简短概述视频
我创建了文件夹/vue/ in /resources/js/文件夹，并将这里的文件'app.vue‘与代码放在一起
<template><div>Hello</div&g
浏览 6提问于2021-01-15得票数 3
回答已采纳
我已经创建了主组件，它被导入到App.vue中
App.vue
<template>
<img alt="Vue logo" src="./assets/logo.png" />
<home></home>
</template>
<script>
import home from "./components/home.vue";
export default {
name: "App",
components: {
home
浏览 3提问于2021-07-12得票数 0
回答已采纳
1回答
我在我的应用程序中使用Vuex。我正在尝试在store/modules/auth.js中导入store/modules/auth.js。但是，我无法拔出它，因为它给了我以下错误：
ERROR in ./resources/assets/js/store/modules/auth.js
Module not found: Error: Can't resolve '.../routes/routes.js' in 'c:\wamp64\www\test\resources\assets\js\store\modules'
我使用以下方法导入router：
浏览 0提问于2018-07-16得票数 1
3回答
图像不显示在VueJS中的组件中
、、、、
我正在学习如何使用VueJS，并设法完成一个简单的页面，显示餐厅的菜单(在一个文件中)。
现在，我正在使用vue-cli并重构我所做的事情:除了图像之外，一切都正常工作。
我的结构是这样的
/node_modules
/public
/src
/assets
/picture.jpg
/[...]
/components
/MenuItem.vue
App.vue
main.ts
在src/App.vue中：
<template>
[...]
<ul>
浏览 7提问于2020-03-18得票数 0
回答已采纳
1回答
我正在创建一个自定义主题的Laravel Vuejs应用程序，无法加载css和js文件。请帮个忙。
所以我用AdminLTE做了同样的教程，并且它起作用了。所以我决定使用第三方theme.These，这是我经过大量研究后所做的步骤：
1)将所有资源文件移动到资源文件夹中，保持原有文件夹结构。原始HTML文件包含：
<link rel="stylesheet"
href="../assets/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href=
浏览 1提问于2019-10-21得票数 0
1回答
VueJs中型编辑器安装通过
、、、、
花了好几个小时想办法在VueJ中安装媒体编辑器。
我已经设法让它在一个页面上运行。但是，当使用webpack文件结构时，我无法让它工作：
├── main.js # app entry file
├── App.vue # main app component
├── components/ # ui components
│ │ └── ...
│ └── assets/ # module assets
我已经通过npm安装了它。导入样式
浏览 12提问于2017-02-16得票数 0
1回答
我试图在vue组件中导入一个json文件，但这会导致以下错误
找不到./~/buble-loader?{"objectAssign":"Object.assign"}!./~/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/src/App.vue模块中的错误:错误:无法解析/var/www/html/mac/resources/assets/src中的“资产/incomingData.json”
剧本：
import jsonData from 'asse
浏览 3提问于2018-01-05得票数 0
0回答
我正在创建一个模块化的Laravel 5.2应用程序，它由许多使用composer加载到Laravel安装上的专有软件包组成。
每个包都负责管理自己的资产(复制到公共文件夹、压缩、版本控制等)。为此，我有一个为每个包使用elixir的gulpfile，然后将它们加载到laravel安装的主gulpfile上。
这是laravel安装上的主gulpfile.js：
var filesystem = require("fs");
var gulp = require('gulp');
var elixir = require('laravel-elixir&
浏览 7提问于2016-07-01得票数 0
我正在尝试将代码从我的vue文件分割成一些只在特定路由中使用的较小的文件。
例如，我有一个mobile.vue组件，它只在用户使用移动设备时才会出现。
最初，如果我不拆分代码，这就是我如何将vue component转换成app.js的方法
require('./bootstrap');///typical for laravel to have a bootstrap.js for other pages.
window.Vue = require('vue');
Vue.component('v-mobile', require('
浏览 0提问于2018-07-26得票数 3
我不知道我做错了什么。我得到以下错误：
控制台中的错误消息：
[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <VueChartjs>
<Chatjsvue> at src\components\vueChartjs\Chatjsvue.vue
<App> at src\App.vue
<Root>
index.js
import Vue fro
浏览 1提问于2018-05-18得票数 2
我有可能实现vuex --这是我的代码: laravel/resources/assets/js/app.js
import router from './routes.js';
import store from './store.js'
require('./bootstrap');
router.beforeEach((to,from,next) => {
if(to.matched.some(record => record.meta.requiresAuth)){
const authUser =
浏览 1提问于2017-03-17得票数 1
我在我的机器上装了一只新的拉拉。在阅读有关laravel的教程时，他们的机器上已经有了一个名为"ExampleComponent.vue"的vue组件
resources/assets/components
但是当我查看资源文件夹时，我没有组件文件夹，但是当我看到package.json时，它以及vue路由器都安装了vue。
我也有ExampleComponent.vue，但在供应商文件夹中。我是不是在错误的地方安装了拉里或瓦埃？
浏览 0提问于2019-09-19得票数 1
回答已采纳
1回答
我有一个Laravel项目，我正在尝试安装Tailwind。
我有一个tailwind.css文件：\resources\assets\stylesheets\tailwind.css
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
我导入了in:\resources\assets\stylesheets\index.css
@import "tailwind.css"
我的webpack.
浏览 7提问于2021-05-17得票数 0
我在使用Laravel之前做了一些项目，但是这次我决定在我的项目的前端使用Vue.js，我正在寻找一些教程来了解如何将Vue.js集成到我的Laravel项目中。我尝试了几个教程，所以我将只使用
首先，我添加了依赖项，我的package.json文件如下所示
"devDependencies": {
"axios": "^1.1.2",
"laravel-vite-plugin": "^0.7.1",
"lodash": "^4.17.19&
浏览 7提问于2022-11-26得票数 0
回答已采纳
1回答
嗨，我在vuejs2中使用了App.vue，这是我的laravel代码
<template>
<div>
<Navbar></Navbar>
<Applications></Applications>
{{page_title}}
<router-view></router-view>
</div>
</template>
<script>
import Navbar fro
浏览 10提问于2020-02-26得票数 1
回答已采纳
1回答
我有全栈的应用程序与快速和默认的vue-webpack-样板。我的项目结构如下所示：
├── client
│ ├── build
│ │ └── ...
│ ├── config
│ │ └── ...
│ ├── dist
| | └── ...
│ ├── index.html
│ ├── src
│ │ ├── App.vue
│ │ ├── assets
│ │ │ └── ...
│ │ ├── components
│ │ │ └── ...
│ │ ├── main.js
│
浏览 3提问于2017-07-12得票数 6
回答已采纳
main.js文件：
import Vue from 'vue'
import App from './App.vue'
import Parent from './assets/components/frame/Parent.vue';
import LeftSide from './assets/components/frame/LeftSide.vue';
import RightSide from './assets/components/frame/RightSide.vue';
import Hea
浏览 1提问于2018-08-23得票数 0
1回答
Vuetify部件进口问题
、、、、
我正在尝试将vuetify导入到现有的vue项目中。Laravel被用作后端。
Laravel-mix webpack.mix.js文件：
let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
Basic app.js:
import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css
浏览 1提问于2018-07-06得票数 2
回答已采纳
我在laravel vuejs中有一个webpack.mix.js，我想要为管理员，订阅者和经销商分别配置我在资源/js文件夹中创建的文件夹，我想将这些文件夹编译成公共/adminapp，公共/订阅者应用，公共/交易商应用中的单独文件夹如何才能实现这样的结果？我已经尝试在webpack中添加多个配置，但无法完成，以下是我的webpack.mix.js代码 mix.webpackConfig({
output: { chunkFilename: 'adminapp/js/chunks/[name].js?id=[chunkhash]' },
resolve: {
浏览 49提问于2021-04-26得票数 0
对于laravel和VUe js来说，我是新手，在重新安装了Laravel5.4之后，它附带了一个示例vue组件，试图在刀片文件中呈现，但失败了
在resources/assets/js/components/Example.vue文件夹中
<template>
<div class="container">
Testing component
</div>
</template>
<script>
export default {
mounted() {
co
浏览 1提问于2017-05-24得票数 1
回答已采纳
例如，我有一个带有app.js的store.js。在执行npm run dev之后，我将得到一个.js，它可以包含在一个页面中，包括<div>
现在，我想用javascript从外部更改state.baseurl，如下所示：
var options = {
baseurl: 'http://www.domain.co/'
}
这是可能的吗?我怎样才能做到这一点？
App.js
window.Vue = require('vue')
import store from './store'
import adrescheck f
浏览 0提问于2019-01-04得票数 0
2回答
我有一个使用Laravel5.4和Laravel 的项目，我有一个图像文件夹，其中一些图像有相同的名称，但是有一个不同的类别，因此它们包含在不同的目录中。
所以
resources/
assets/
images/
globalimage.png
versiona/
image1.png
image2.png
versionb/
image1.png
image2.png
我需要的是Laravel中的 copy 命令来复制这些文件夹以及其中的任何文件，以便我的公用文件夹具有相同的文件
浏览 0提问于2017-04-18得票数 4
1回答
我是 VueJs 的新成员，我尝试将前端中的VueJs与Laravel 5.5 Server side相结合，我遇到了相同的问题来定义项目的结构，以及如何从.vue文件访问资产：
代码组件：
<template>
<div class="row page-titles">
<div class="col-md-5 align-self-center">
<h3 class="text-themecolor">Dashboard</h3>
浏览 6提问于2017-10-23得票数 2
回答已采纳
我试图引导一个新的laravel项目与元素-+从的灵感。
我创建了一个新项目：
laravel new laravel-vue3
然后安装我所遵循的教程中提到的任何内容。
我能够使Laravel + Vue + Vite项目工作，然后我尝试从element vite-starter导入元素++示例。
我的问题是我的组成部分的决议：
[Vue warn]: Failed to resolve component: BaseHeader
If this is a native custom element, make sure to exclude
it from component resol
浏览 8提问于2022-10-01得票数 0
1回答
我试图使用VueJ与Bootstrap一起构建web，但是每当我添加Bootstrap导入时，该网站就会变为空白。即使当我添加引导组件时，它也是空白的。有人能指点我吗？
这是我在main.js上的进口货
import { createApp } from 'vue'
import App from './App.vue'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-v
浏览 6提问于2022-11-23得票数 1
回答已采纳
1回答
我使用的是laravel 5.3，
运行gulp时出现问题，如下所示：
D:\wnmp\www\laravel-5-3-demo>gulp
(node:12992) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
[02:47:21] Using gulpfile D:\wnmp\www\laravel-5-3-demo\gulpfile.js
[02:4
浏览 0提问于2016-08-07得票数 1
1回答
每当我在components/App.vue的模板中使用id为#app的组件标记时，它都会返回以下错误：
// components/App.vue
<template>
<div id="app">
<img class="logo" src="./assets/logo.png">
<hello></hello>
<a v-link="{ path: '/home' }">Go to Foo</a>
浏览 1提问于2016-04-26得票数 0
我正在使用React和Laravel开发一个Web应用程序。我希望这两个都在同一个项目中。因此，在Laravel应用程序中，我使用这个链接安装了react using preset (php artisan preset react)。我的设置起作用了。在某个时刻，我也安装了react引导程序，运行此命令。
npm install react-bootstrap --save
然后我在我的项目中使用了bootstrap Button组件，如下所示。
import React, {Component} from 'react';
import Button from 'r
浏览 1提问于2018-08-20得票数 2
我跟随一个YT视频安装一个Vue和Laravel。
到目前为止，用于资源的情况如下：
- resources
- js
- app.js
- vue
-app.vue
论app.js
require('./bootstrap');
import Vue from 'vue'
import App from './vue/app'
const app = new Vue({
el : "#app",
components : { App }
});
论a
浏览 2提问于2021-10-14得票数 0
2回答
我想知道我应该在哪里用Laravel5.4编写js文件，以便在这些文件之后进行编译。
示例：
我想用一个test.js文件创建一个console.log('Hello World)。我在哪里创建这个文件？我把它放在resources/assets/js/app.js文件夹里了吗？
我的示例代码：
文件夹resources/assets/js/app.js：
require('./bootstrap');
require('./normalscripts/test');
window.Vue = require('vue');
/**
浏览 2提问于2017-07-21得票数 1
我和Laravel Elixir .version('xxxxxx.js')有问题。由于某些原因，我似乎不能将.version用于js文件或.css之外，甚至不能拥有多个版本化的js文件。
elixir(function(mix) {
/**
* My Less
*/
mix.less('app.less').version('public/css/app.css');
/**
* Vendor Scripts
*/
mix.scripts([
浏览 1提问于2015-02-09得票数 5
4回答
我用vue-cli和webpack和Laravel。在我的jQuery中从cdn加载js文件是可行的，但是我不想包含来自cdn的文件.
使用
require('@/js/assets/jquery.js');
在app.js中不起作用。在我的浏览器中查看已编译的app.js时，jQUery似乎是导入的，但我说"$是未定义的“时出错了。
我尝试在我的vue应用程序中添加的每一个js /css文件都是一样的。
app.blade.php：
<!DOCTYPE html>
<html>
<head>
<
浏览 1提问于2019-02-11得票数 2
回答已采纳
1回答
我想使用vue-router，但无法将components导入到router.js中。
我还收到以下警告：[Vue Router warn]: No match found for location with path "/"
其实我不知道我做错了什么..。希望有人能帮我。
MAIN.JS
import { createApp } from 'vue';
import App from './App.vue';
import router from './router/router.js';
import '@poppe
浏览 3提问于2022-08-03得票数 0
回答已采纳
1回答
我正在学习Vue，并被困在尝试将其设置为Laravel的完整前端，在我的场景中，我已经制作了一个个人博客，用于测试使用Laravel与叶片引擎和Vue的一些组件，似乎工作得很好。
我正在尝试进入下一个层次，删除刀刃，让Laravel作为API后端，安装Vue用SSR作为完整的前端，基本设置工作，我的意思是我可以调用Vue，用SSR与节点或PHPv8进行渲染，我遇到的问题是在路由系统上，考虑到刀片的方式，我不能将相同的结果存档。在刀片上，我使用默认布局作为主控，并为每个帖子、页面、博客等导入它。
示例：
资源/视图/布局/主刀片
<!DOCTYPE html>
<htm
浏览 0提问于2018-09-29得票数 0
回答已采纳
6回答
这是我的第一篇关于堆栈溢出的文章，如果我做错了什么，那么请提前道歉。我的问题；
我已经设置了一个VueJS项目，我正在尝试从另一个组件中获取App.vue中的数据。为此，我使用this.$root.count，但它返回未定义的。
Main.js:
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App'
Vue.use(VueRouter);
const router = new VueRouter({
mode: 'history
浏览 11提问于2017-03-23得票数 5
回答已采纳
我目前正在构建一个使用Laravel和Vue的web应用程序。我得到的错误是针对我拥有的所有组件。
ERROR in ./resources/assets/js/components/App 1:0
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 https://webpack.js.org/concepts#l
浏览 7提问于2020-11-25得票数 4
回答已采纳
我有一个vuejs应用程序，运行良好，但当我添加商店使用我的应用程序中的vuex应用程序保持显示空白页面和控制台没有任何错误，但当我检查源页面时，我得到
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
浏览 0提问于2021-11-01得票数 3
我有一个带有vue的嵌套结构：
<app>
<column> : [array]
<task> : [array]
<resource> : [array]
我还使用单个文件组件。对于<app>组件，它看起来如下(/App.vue文件)
<template>
<div id="app">
<column v-for=""></column>
</div>
</template>
<s
浏览 1提问于2016-12-13得票数 3
回答已采纳
我用来建立我的幼体。
当我在幼虫中调用这些文件时，我会得到一个空白页。
我的文件结构如下：
app.js文件的内容如下：
import Vue from "vue"
import App from "./components/App.vue"
import store from "./components/store"
import VeeValidate from "vee-validate"
Vue.use(VeeValidate);
import "./components/directives"
浏览 5提问于2019-10-22得票数 0
1回答
我尝试将我的导航逻辑提取到一个子组件中，其结构如下：
App.vue -- Header.vue --- Navigation.vue
我试图在Navigation.vue中使用该属性，但收到以下错误：
Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
到目前为止，这是我的应用程序，非常简单，一个基本的。
main.js
r
浏览 2提问于2016-10-25得票数 2
1回答
我的VueJS应用程序在运行。它运行良好，但唯一的问题是，当我试图刷新第二级或第三级路由页面时，它会在控制台中显示一条错误消息，声明：
Failed to load resource: the server responded with a status of 404 ()
比如，
呈现我的主页。提神没问题。
呈现详细信息页。提神没问题。
呈现用户页面。在刷新的时候，它出错了。
我还为和定义了类似的链接，这些链接都是页面刷新时出现的错误。以下是main.js的代码
// The Vue build version to load with the `import` command
// (ru
浏览 1提问于2018-03-08得票数 2
回答已采纳
1回答
我正在用VueJs 2从JSON中检索数据，我可以使用下面的代码从URL中检索数据。
我的组件是showGet。我使用的是jsonplaceholder数据，它运行得很好。但是，当我给出我想要的API ()时，它不起作用。这个API在Postman中运行得很好。在我的浏览器中，它显示了JSON数据。但是，每当我将URL放在Vue HTTP请求中时，它就无法工作。
它甚至没有在console.log(data)中显示。
<script>
export default {
data(){
return{
blogs:[]
}
},
method
浏览 1提问于2018-07-11得票数 1
回答已采纳
3回答
我注册了App.vue作为Vue.js的主要组件，但是当我在Laravel刀片中使用它时，我得到了这个控制台错误。
[Vue warn]: Unknown custom element: <app> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
这是我在app.js中的代码
require('./bootstrap');
import Vue from 'vue'
浏览 2提问于2020-02-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
