Question

我在Laravel 5.4中使用VueJS。我已经使用npm install安装了vue依赖项。运行npm run watch或npm run dev代码编译成功。我遇到的问题是从 resources / assets /

加载资产

这就是我在刀片上所做的事情：

<head>
...
    <link href="{{mix('/css/app.css')}}" rel="stylesheet" type="text/css">

</head>
<body>
....
    <script type="text/javascript" src="{{mix('/js/app.js')}}"></script>

</body>

我收到以下错误：

无法加载资源：服务器响应状态为404（未找到）app.js和app.css

将 mix（）替换为 asset（），将正确加载样式表，但 app.js 将是从 public / js / app.js 而不是 resource / assets / js / app.js

加载

我做错了什么。请帮忙。

Answer 1

您不从资源目录加载资源。你所有的脚本，风格，图像等。应该位于public。默认情况下，混合将从js读取resources/assests/js文件，并在通过构建管道运行后将其移至public。

mix.js('resources/assets/js/app.js', 'public/js')

这是新鲜的laravel装置中开箱即用的webpack设置。

Answer 2

与我相同的问题，我更改为以下代码，然后它开始工作。

var location = new Location();

// Platform messages may fail, so we use a try/catch PlatformException.
try {
  currentLocation = await location.getLocation;
} on PlatformException {
  currentLocation = null;
}

无法使用VueJS在laravel 5.4中使用laravel mix（）函数加载资源

2 个答案: