发射未命名的Compat插件

问题描述 投票:1回答:1

我最近将应用程序部署到服务器上。我从服务器下载了已部署的项目,并在本地进行设置。我正在尝试使用npm run dev构建前端(Vue.js),这给了我以下错误。

95%发出未命名的Compat插件。

我尝试重置webpack.mix.js,但没有帮助。

const mix = require('laravel-mix');

mix.js('resources/js/app.js', '../public/js')
   .sass('resources/sass/app.scss', '../public/css')
   .styles([
    'resources/vendor/perfect-scrollbar/perfect-scrollbar.css',
    'resources/vendor/select2/select2.min.css',
    'resources/vendor/slick/slick.css',
    'resources/vendor/css-hamburgers/hamburgers.min.css',
    'resources/vendor/wow/animate.css',
    'resources/vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css',
    'resources/vendor/animsition/animsition.min.css',
    'resources/vendor/bootstrap-4.1/bootstrap.min.css',
    'resources/vendor/font-face.css',
    'resources/vendor/theme.css'
], '../public/css/all.css');


当我运行npm run dev时,会发生此错误。

 npm run watch

> @ watch E:\xampp\htdocs\web\v1
> npm run development -- --watch


> @ development E:\xampp\htdocs\web\v1
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"

 10% building 1/1 modules 0 active
webpack is watching the files…

 95% emitting unnamed compat plugin
laravel vue.js node-modules laravel-mix
1个回答
0
投票

如果要在public文件夹之外生成文件,则必须使用mix.setPublicPath(...),然后修改资产输出路径。

类似这样的东西:

const mix = require('laravel-mix');

mix.setPublicPath('../public');

mix.js('resources/js/app.js', 'js/')
   .sass('resources/sass/app.scss', 'css/')
   .styles([
    'resources/vendor/perfect-scrollbar/perfect-scrollbar.css',
    'resources/vendor/select2/select2.min.css',
    'resources/vendor/slick/slick.css',
    'resources/vendor/css-hamburgers/hamburgers.min.css',
    'resources/vendor/wow/animate.css',
    'resources/vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css',
    'resources/vendor/animsition/animsition.min.css',
    'resources/vendor/bootstrap-4.1/bootstrap.min.css',
    'resources/vendor/font-face.css',
    'resources/vendor/theme.css'
], 'css/all.css');

希望有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.