Javascript postcss正在处理/css/app.css,并在导入vue2日期范围选择器后抛出CssSyntaxError

Javascript postcss正在处理/css/app.css,并在导入vue2日期范围选择器后抛出CssSyntaxError,javascript,css,laravel,vue.js,webpack,Javascript,Css,Laravel,Vue.js,Webpack,我正在一个laravel项目中与vue一起编写SPA,并使用laravel mix(npm run watch等)构建资产 在vue组件中导入vue2日期范围选择器之前,一切正常 npm运行监视 及 npm运行开发 它们很好 但是当我跑的时候 npm运行生产 它抛出这样一个错误 > @ production /my-project > cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-p

我正在一个laravel项目中与vue一起编写SPA,并使用laravel mix(
npm run watch
等)构建资产 在vue组件中导入
vue2日期范围选择器之前,一切正常

npm运行监视

npm运行开发
它们很好

但是当我跑的时候

npm运行生产
它抛出这样一个错误

> @ production /my-project
> cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

CssSyntaxError: /css/app.css:3:19: Missed semicolon
    at Input.error (/my-project/node_modules/postcss/lib/input.js:130:16)
    at Parser.checkMissedSemicolon (/my-project/node_modules/postcss/lib/parser.js:603:22)
    at Parser.decl (/my-project/node_modules/postcss/lib/parser.js:286:46)
    at Parser.other (/my-project/node_modules/postcss/lib/parser.js:166:12)
    at Parser.parse (/my-project/node_modules/postcss/lib/parser.js:77:16)
    at parse (/my-project/node_modules/postcss/lib/parse.js:17:12)
    at new LazyResult (/my-project/node_modules/postcss/lib/lazy-result.js:60:16)
    at Processor.<anonymous> (/my-project/node_modules/postcss/lib/processor.js:138:12)
    at Processor.process (/my-project/node_modules/postcss/lib/processor.js:117:23)
    at Function.creator.process (/my-project/node_modules/postcss/lib/postcss.js:148:43)
    at OptimizeCssAssetsWebpackPlugin.processCss (/my-project/node_modules/optimize-css-assets-webpack-plugin/src/index.js:73:21)
    at Object.processor (/my-project/node_modules/optimize-css-assets-webpack-plugin/src/index.js:13:18)
    at each (/my-project/node_modules/last-call-webpack-plugin/src/index.js:150:10)
    at arrayEach (/my-project/node_modules/lodash/_arrayEach.js:15:9)
    at forEach (/my-project/node_modules/lodash/forEach.js:38:10)
    at OptimizeCssAssetsWebpackPlugin.process (/my-project/node_modules/last-call-webpack-plugin/src/index.js:147:5)
    at compilation.hooks.optimizeChunkAssets.tapPromise.chunks (/my-project/node_modules/last-call-webpack-plugin/src/index.js:178:28)
    at _next0 (eval at create (/my-project/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:17)
    at _err0 (eval at create (/my-project/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1)
    at taskRunner.run (/my-project/node_modules/terser-webpack-plugin/dist/index.js:321:9)
    at step (/my-project/node_modules/terser-webpack-plugin/dist/TaskRunner.js:87:9)
    at _cacache.default.get.then (/my-project/node_modules/terser-webpack-plugin/dist/TaskRunner.js:111:15)
    at tryCatcher (/my-project/node_modules/bluebird/js/release/util.js:16:23)
    at Promise._settlePromiseFromHandler (/my-project/node_modules/bluebird/js/release/promise.js:547:31)
    at Promise._settlePromise (/my-project/node_modules/bluebird/js/release/promise.js:604:18)
    at Promise._settlePromise0 (/my-project/node_modules/bluebird/js/release/promise.js:649:10)
    at Promise._settlePromises (/my-project/node_modules/bluebird/js/release/promise.js:729:18)
    at Promise._fulfill (/my-project/node_modules/bluebird/js/release/promise.js:673:18)
    at Promise._resolveCallback (/my-project/node_modules/bluebird/js/release/promise.js:466:57)
    at Promise._settlePromiseFromHandler (/my-project/node_modules/bluebird/js/release/promise.js:559:17)
    at Promise._settlePromise (/my-project/node_modules/bluebird/js/release/promise.js:604:18)
    at Promise._settlePromise0 (/my-project/node_modules/bluebird/js/release/promise.js:649:10)
    at Promise._settlePromises (/my-project/node_modules/bluebird/js/release/promise.js:729:18)
    at Promise._fulfill (/my-project/node_modules/bluebird/js/release/promise.js:673:18)
    at Promise._resolveCallback (/my-project/node_modules/bluebird/js/release/promise.js:466:57)
    at Promise._settlePromiseFromHandler (/my-project/node_modules/bluebird/js/release/promise.js:559:17)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ production: `cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ production script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/user/.npm/_logs/2019-11-09T04_25_23_448Z-debug.log
这是我的
package.json

{
“私人”:没错,
“脚本”:{
“开发”:“npm运行开发”,
“开发”:“跨环境节点\u env=development节点\u modules/webpack/bin/webpack.js--progress--hide modules--config=NODE\u modules/laravel mix/setup/webpack.config.js”,
“监视”:“跨环境节点\u env=development节点\u modules/webpack/bin/webpack.js--watch--progress--hide modules--config=NODE\u modules/laravel mix/setup/webpack.config.js”,
“观察投票”:“npm运行观察---观察投票”,
“hot”:“cross env NODE_env=development NODE_modules/webpack dev server/bin/webpack-dev-server.js--inline--hot--config=NODE_modules/laravel mix/setup/webpack.config.js”,
“产品”:“npm运行生产”,
“生产”:“交叉环境节点\环境=生产节点\模块/webpack/bin/webpack.js--无进展--隐藏模块--配置=节点\模块/laravel mix/setup/webpack.config.js”
},
“依赖性”:{
“@babel/插件语法动态导入”:“^7.2.0”,
“axios”:“^0.19.0”,
“引导”:“^4.3.1”,
“交叉环境”:“^6.0.3”,
“日期格式”:“^3.0.3”,
“jquery”:“^3.4.1”,
“laravel mix”:“^5.0.0”,
“laravel mix polyfill”:“^1.1.0”,
“lodash”:“^4.17.15”,
“popper.js”:“^1.16.0”,
“解析url加载程序”:“^3.1.0”,
“sass”:“^1.23.3”,
“sass加载程序”:“^8.0.0”,
“vue”:“^2.6.10”,
“vue-i18n”:“^8.15.0”,
“vue路由器”:“^3.1.3”,
“vue模板编译器”:“^2.6.10”,
“vue2日期范围选择器”:“^0.3.1”,
“vuex”:“^3.1.1”
},
“依赖项”:{}
}
还有我的
webpack.mix.js

let mix=require('laravel-mix');
要求(“laravel-mix-polyfill”);
/*
|--------------------------------------------------------------------------
|混合资产管理
|--------------------------------------------------------------------------
|
|Mix提供了一个干净、流畅的API,用于定义一些Webpack构建步骤
|用于您的Laravel应用程序。默认情况下,我们正在编译Sass
|文件以及捆绑所有JS文件。
|
*/
mix.version();
混音({
插件:['@babel/plugin语法动态导入'],
});
mix.webpackConfig({
输出:{
chunkFilename:'js/[name].[chunkhash].js',
},
});
混合料({
启用:对,
目标:[
“覆盖率99.5%,
],
});
js('resources/assets/js/app.js','public/js');
mix.sass('resources/assets/sass/app.scss','public/css');
但我仍然可以跑步

npm运行生产
但是分别构建CSS和JavaScript

//mix.js('resources/assets/js/app.js','public/js');
mix.sass('resources/assets/sass/app.scss','public/css');
mix.js('resources/assets/js/app.js','public/js');
//mix.sass('resources/assets/sass/app.scss','public/css');
我怎么跑

npm运行生产

只有一次?

我用我自己的版本创建了这个库,
npm-run-production
开始工作了


但在Chrome中,控制台开始抛出一些错误,如,并由解决。

我创建了自己版本的库,并且
npm运行生产开始工作

但在Chrome中,控制台开始抛出一些错误,如,并通过解决

mix.sass('resources/assets/sass/app.scss', 'public/css');