});
这个是什么原因?我打开了另外一个新的laravel5.3项目,也是同样的问题。
在npm install出现了
npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
(unknown) [Vue warn]: Error compiling template:
<divid="app"><navclass="navbar navbar-default navbar-static-top"><divclass="container"><divclass="navbar-header"><!-- Collapsed Hamburger --><buttontype="button"class="navbar-toggle collapsed"data-toggle="collapse"data-target="#app-navbar-collapse"><spanclass="sr-only">Toggle Navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><!-- Branding Image --><aclass="navbar-brand"href="http://www.zt.com"><!-- 这里的name 是config/app.php 里 -->
Laravel
</a></div><divclass="collapse navbar-collapse"id="app-navbar-collapse"><!-- Left Side Of Navbar --><ulclass="nav navbar-nav">
</ul><!-- Right Side Of Navbar --><ulclass="nav navbar-nav navbar-right"><!-- Authentication Links --><liclass="dropdown"><ahref="#"class="dropdown-toggle"data-toggle="dropdown"role="button"aria-expanded="false">
lg23 <spanclass="caret"></span></a><ulclass="dropdown-menu"role="menu"><li><ahref="http://www.zt.com/logout"onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
退 出
</a><formid="logout-form"action="http://www.zt.com/logout"method="POST"style="display: none;"><inputtype="hidden"name="_token"value="BWqB9jQEMfrJVGH94RHGgLSMnQs5IxEs52ufVn0d"></form></li></ul></li></ul></div></div></nav><divclass="container"></div><!-- 配置文件 --><scripttype="text/javascript"src="http://www.zt.com/vendor/ueditor/ueditor.config.js"></script><!-- 编辑器源码文件 --><scripttype="text/javascript"src="http://www.zt.com/vendor/ueditor/ueditor.all.js"></script><script>window.UEDITOR_CONFIG.serverUrl = '/ueditor/server'</script><divclass="container"><divclass="row"><divclass="col-md-8 col-md-offset-2"><divclass="panel panel-default"><divclass="panel-heading">发布问题</div><divclass="panel-body"><formaction="/questions"method="post"><inputtype="hidden"name="_token"value="BWqB9jQEMfrJVGH94RHGgLSMnQs5IxEs52ufVn0d"><divclass="form-group"><labelfor="title">标 题</label><inputtype="text"value=""name="title"class="form-control"placeholder="标题"id="title"></div><divclass="form-group"><selectclass="js-example-basic-multiple form-control"multiple="multiple"><optionvalue="AL">Alabama</option><optionvalue="WY">Wyoming</option></select></div><divclass="form-group"><labelfor="body">描述</label><!-- 编辑器容器 --><!-- 非转义可能引起攻击,需要过滤 --><scriptid="container"name="body"type="text/plain"style="height:200px;"></script></div><buttonclass="btn btn-success pull-right"type="submit">发布问题</button></form></div></div></div></div></div></div>
- Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.
- Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.
- Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.
(found in <Root>)warncompileToFunctionsVue$3.$mountVue._initVue$3(anonymous function)(anonymous function) @ app-c09a9f3d5d.js:151__webpack_require__ @ app-c09a9f3d5d.js:20(anonymous function) @ app-c09a9f3d5d.js:64(anonymous function) @ app-c09a9f3d5d.js:67
(unknown) DownloadtheVueDevtoolsextensionforabetterdevelopmentexperience:
https://github.com/vuejs/vue-devtools
(unknown) [Vue warn]: Error compiling template:
<divid="app"><navclass="navbar navbar-default navbar-static-top"><divclass="container"><divclass="navbar-header"><!-- Collapsed Hamburger --><buttontype="button"class="navbar-toggle collapsed"data-toggle="collapse"data-target="#app-navbar-collapse"><spanclass="sr-only">Toggle Navigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><!-- Branding Image --><aclass="navbar-brand"href="http://www.zt.com"><!-- 这里的name 是config/app.php 里 -->
Laravel
</a></div><divclass="collapse navbar-collapse"id="app-navbar-collapse"><!-- Left Side Of Navbar --><ulclass="nav navbar-nav">
</ul><!-- Right Side Of Navbar --><ulclass="nav navbar-nav navbar-right"><!-- Authentication Links --><liclass="dropdown"><ahref="#"class="dropdown-toggle"data-toggle="dropdown"role="button"aria-expanded="false">
lg23 <spanclass="caret"></span></a><ulclass="dropdown-menu"role="menu"><li><ahref="http://www.zt.com/logout"onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
退 出
</a><formid="logout-form"action="http://www.zt.com/logout"method="POST"style="display: none;"><inputtype="hidden"name="_token"value="BWqB9jQEMfrJVGH94RHGgLSMnQs5IxEs52ufVn0d"></form></li></ul></li></ul></div></div></nav><divclass="container"></div><!-- 配置文件 --><scripttype="text/javascript"src="http://www.zt.com/vendor/ueditor/ueditor.config.js"></script><!-- 编辑器源码文件 --><scripttype="text/javascript"src="http://www.zt.com/vendor/ueditor/ueditor.all.js"></script><script>window.UEDITOR_CONFIG.serverUrl = '/ueditor/server'</script><divclass="container"><divclass="row"><divclass="col-md-8 col-md-offset-2"><divclass="panel panel-default"><divclass="panel-heading">发布问题</div><divclass="panel-body"><formaction="/questions"method="post"><inputtype="hidden"name="_token"value="BWqB9jQEMfrJVGH94RHGgLSMnQs5IxEs52ufVn0d"><divclass="form-group"><labelfor="title">标 题</label><inputtype="text"value=""name="title"class="form-control"placeholder="标题"id="title"></div><divclass="form-group"><selectclass="js-example-basic-multiple form-control"multiple="multiple"><optionvalue="AL">Alabama</option><optionvalue="WY">Wyoming</option></select></div><divclass="form-group"><labelfor="body">描述</label><!-- 编辑器容器 --><!-- 非转义可能引起攻击,需要过滤 --><scriptid="container"name="body"type="text/plain"style="height:200px;"></script></div><buttonclass="btn btn-success pull-right"type="submit">发布问题</button></form></div></div></div></div></div></div>
- Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.
- Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.
- Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.
(found in <Root>)warncompileToFunctionsVue$3.$mountVue._initVue$3(anonymous function)(anonymous function) @ app-c09a9f3d5d.js:151__webpack_require__ @ app-c09a9f3d5d.js:20(anonymous function) @ app-c09a9f3d5d.js:64(anonymous function) @ app-c09a9f3d5d.js:67
(unknown) DownloadtheVueDevtoolsextensionforabetterdevelopmentexperience:
https://github.com/vuejs/vue-devtools
window._ = require('lodash');
/**
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
* for JavaScript based Bootstrap features such as modals and tabs. This
* code may be modified to fit the specific needs of your application.
*/window.$ = window.jQuery = require('jquery');
require('bootstrap-sass');
require('./select2.min');
/**
* Vue is a modern JavaScript library for building interactive web interfaces
* using reactive data binding and reusable components. Vue's API is clean
* and simple, leaving you to focus on building your next great project.
*/window.Vue = require('vue');
require('vue-resource');
Vue.http.interceptors.push((request, next) => {
request.headers.set('X-CSRF-TOKEN', Laravel.csrfToken);
next();
});
// import Echo from "laravel-echo"// window.Echo = new Echo({// broadcaster: 'pusher',// key: 'your-pusher-key'// });
const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');
/*
|--------------------------------------------------------------------------
| Elixir Asset Management
|--------------------------------------------------------------------------
|
| Elixir provides a clean, fluent API for defining some basic Gulp tasks
| for your Laravel application. By default, we are compiling the Sass
| file for your application as well as publishing vendor resources.
|
*/
elixir((mix) => {
mix.sass('app.scss')
.webpack('app.js');
mix.version(['js/app.js','css/app.css'])
});
npm WARN prefer global node-gyp@3.6.1 should be installed with -g
> node-sass@3.13.1 install E:\xampp\htdocs\zhihu-app\node_modules\node-sass
> node scripts/install.js
Downloading binary from https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-48_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-48_binding.node":
connect ETIMEDOUT 52.216.1.8:443
Timed out whilst downloading the prebuilt binary
Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.
export HTTP_PROXY=http://example.com:1234
or configure npm proxy via
npm config set proxy http://example.com:8080
> node-sass@3.13.1 postinstall E:\xampp\htdocs\zhihu-app\node_modules\node-sass
> node scripts/build.js
Building: E:\nodejs\node.exe E:\xampp\htdocs\zhihu-app\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ 'E:\\nodejs\\node.exe',
gyp verb cli 'E:\\xampp\\htdocs\\zhihu-app\\node_modules\\node-gyp\\bin\\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library=' ]
gyp info using node-gyp@3.6.1
gyp info using node@6.10.2 | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed at getNotFoundError (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:80:29)
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:89:16
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\isexe\index.js:42:5
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqWrap.oncomplete (fs.js:123:15)
gyp verb `which` failed python2 { Error: not found: python2
gyp verb `which` failed at getNotFoundError (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:80:29)
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:89:16
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\isexe\index.js:42:5
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqWrap.oncomplete (fs.js:123:15) code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` failed Error: not found: python
gyp verb `which` failed at getNotFoundError (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:80:29)
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:89:16
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\isexe\index.js:42:5
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqWrap.oncomplete (fs.js:123:15)
gyp verb `which` failed python { Error: not found: python
gyp verb `which` failed at getNotFoundError (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:80:29)
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\which\which.js:89:16
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\isexe\index.js:42:5
gyp verb `which` failed at E:\xampp\htdocs\zhihu-app\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqWrap.oncomplete (fs.js:123:15) code: 'ENOENT' }
gyp verb could not find "python". checking python launcher
gyp verb could not find "python". guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at Object.failNoPython (E:\xampp\htdocs\zhihu-app\node_modules\node-gyp\lib\configure.js:483:19)
gyp ERR! stack at Object.<anonymous> (E:\xampp\htdocs\zhihu-app\node_modules\node-gyp\lib\configure.js:508:16)
gyp ERR! stack at E:\xampp\htdocs\zhihu-app\node_modules\node-gyp\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:123:15)
gyp ERR! System Windows_NT 6.1.7601
gyp ERR! command "E:\\nodejs\\node.exe" "E:\\xampp\\htdocs\\zhihu-app\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass
_library="
gyp ERR! cwd E:\xampp\htdocs\zhihu-app\node_modules\node-sass
gyp ERR! node -v v6.10.2
gyp ERR! node-gyp -v v3.6.1
gyp ERR! not ok
Build failed with error code: 1
E:\xampp\htdocs\zhihu-app
`-- (empty)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "E:\\nodejs\\node.exe" "E:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! node v6.10.2
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! node-sass@3.13.1 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@3.13.1 postinstall script 'node scripts/build.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the node-sass package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node scripts/build.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs node-sass
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls node-sass
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! E:\xampp\htdocs\zhihu-app\npm-debug.log
npm ERR! code 1
@JellyBool
No gulpfile.js in Laravel 5.4
PUBLISHED 4 MONTHS AGO BY HUMZA95
Sorry for being stupid , but i started laravel few days ago and i was watching basic tutorial and i found out that there is no more gulpfile in project. So how do i compile the SASS stuff.
bobbybouwmann
bobbybouwmann
4 months ago
(857,395 XP)
Laravel is using Laravel Mix now! So basically you have a webpack file now. Take a look at the documentation and some videos:
Uncaught TypeError: $(…).select2 is not a function
at HTMLDocument. (create:171)
at c (app.js:29)
at l (app.js:29)
(anonymous) @ create:171
c @ app.js:29
l @ app.js:29
setTimeout (async)
yt.readyException @ app.js:29
(anonymous) @ app.js:29
c @ app.js:29
l @ app.js:29
setTimeout (async)
(anonymous) @ app.js:29
u @ app.js:29
fireWith @ app.js:29
fire @ app.js:29
u @ app.js:29
fireWith @ app.js:29
l @ app.js:29
setTimeout (async)
(anonymous) @ app.js:29
u @ app.js:29
fireWith @ app.js:29
fire @ app.js:29
u @ app.js:29
fireWith @ app.js:29
ready @ app.js:29
v @ app.js:19
上面的问题显示和大家的都不一样啊,我是直接用的CDN,@JellyBool知道是什么问题吗