【发布时间】:2017-06-20 19:55:11
【问题描述】:
我在我的 VPS 上安装了一个新的 laravel 应用程序并正在尝试构建它,但是每当 webpack 尝试构建 node_modules/vue/dist/vue.common.js 时它就会挂起。
这是终端中的输出(项目名称省略):
root@driima:/var/www/html/PROJECT# npm run dev
> @ dev /var/www/html/PROJECT
> node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules
10% building modules 8/9 modules 1 active ...T/node_modules/vue/dist/vue.common.js
还有我的 package.json 文件:
{
"private": true,
"scripts": {
"dev": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules",
"watch": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules",
"hot": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot",
"production": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules"
},
"devDependencies": {
"axios": "^0.15.2",
"laravel-mix": "^0.6.1",
"vue": "^2.0.1"
}
}
可能是文件权限问题?如果是,它们应该是什么?
编辑:
我有一个文件resources/assets/js/app.js 调用import './bootstrap';,在 bootstrap.js 中是以下内容:
import Vue from 'vue';
import axios from 'axios';
window.Vue = Vue;
window.axios = axios;
window.axios.defaults.headers.common = {
'X-CSRF-TOKEN': window.Laravel.csrfToken,
'X-Requested-With': 'XMLHttpRequest'
};
在导入 Vue 时似乎挂起,因为当我跳过导入引导文件时,一切都编译成功。
【问题讨论】:
-
你想在那里做什么?
-
...编译我的应用程序中的所有内容?还有什么?
-
可以使用strace来追踪问题
-
strace 挂在同一行,并打印出来,它只是一直循环下去:
epoll_wait(5, {}, 1024, 50) = 0
标签: laravel build webpack vue.js