代码之家 › 专栏 › 技术社区 › L. Fox

使用Mix在Laravel中未检测到VueJs

laravel-5.7 laravel-mix vue.js laravel javascript

L. Fox · 技术社区 · 7 年前

我正在尝试使用Laravel5.7和mix设置VueJs,它只是说没有检测到VueJs。我已经跑了 npm install

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Laravel</title>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css">

        <style type="text/css">body { padding-top: 40px; }</style>
    </head>
    <body>
        <div id="root" class="container">
            <message title="Hello World" body="Lorem ipsum dolor sit amet."></message>
    </div>
    </body>
</html>

require('./bootstrap');

window.Vue = require('vue');

Vue.component('message', require('./components/Message.vue'));

const app = new Vue({
    el: '#root'
});

2 回复 | 直到 7 年前

Travis Britz 7 年前

如果您正在编译源代码,您应该使用 mix() asset() ,因为它会尊重 file versioning mix.version()

例如

<script src="{{ mix('/js/app.js') }}"></script>

hector cifuentes 7 年前

<script src="{{ asset('/js/app.js') }}"></script>

ivn 6 年前

谢谢,这是魔术

<script src="{{ mix('/js/app.js') }}"></script>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前