Question

我的操作系统：Microsoft Windows 10，代码编辑器：Visual Studio Code
节点版本：v10.13.0，npm版本：6.4.1

'npm run start'，'npm run compile：sass'，'npm run concat :: css'运行良好。
但是'npm run prefix：css'说'ERR！'。

我在两种情况下工作，一种可以连接互联网，而另一种则不能。
昨天我在家工作，可以连接互联网。

起初，我做了'npm install postcss --save-dev'。
然后我做了'npm run prefix：css'。
控制台说“ ERR！”。

我怎么了？
我该如何解决该问题。

奇怪的是，没有在“ node_modules.bin”文件夹中执行“ postcss.cmd”命令。
其他常规命令在“ node_modules.bin”文件夹中进行。

1）我的package.json是

{
    "name": "natours",
    "version": "1.0.0",
    "description": "landing page for natours",
    "main": "index.js",
    "scripts": {
        "watch:sass": "node-sass sass/main.scss css/natours.sass -w",
        "devserver": "live-server",
        "start": "npm-run-all --parallel devserver watch:sass",
        "compile:sass": "node-sass sass/main.scss css/natours.comp.css",
        "concat:css": "concat -o css/natours.concat.css css/icon-font.css css/natours.comp.css",
        "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/natours.concat.css  -o css/natours.prefix.css",
        "compass:css": "node-sass css/natours.prefix.css css/natours.css --output-style compressd",
        "build:css": "npm-run-all compile:sass concat:css prefix:css compass:css"
    },
    "author": "Jsmile",
    "license": "ISC",
    "dependencies": {
        "save-dev": "^2.0.0"
    },
    "devDependencies": {
        "autoprefixer": "^9.4.4",
        "concat": "^1.0.3",
        "node-sass": "^4.11.0",
        "npm-run-all": "^4.1.5",
        "postcss": "^7.0.8"
    }
}

2）我的工作流程

F：\개인\ workspace \ CSS \ css_sass \ 1-Natours> npm install postcss --save-dev
npm WARN natours@1.0.0没有存储库字段。

postcss@7.0.8
在2.778s中更新了1个程序包并审核了639个程序包
找到了0个漏洞

F：\개인\ workspace \ CSS \ css_sass \ 1-Natours> npm运行前缀：css

natours@1.0.0前缀：css F：\개인\ workspace \ CSS \ css_sass \ 1-Natours
postcss-使用autoprefixer -b'最后10个版本'css / natours.concat.css -o css / natours.prefix.css

'postcss'은（는）명령，명령로프，그램이아닙니다。
npm ERR！代码ELIFECYCLE
npm ERR！ errno 1
npm ERR！ natours@1.0.0前缀：css：postcss --use autoprefixer -b 'last 10 versions' css/natours.concat.css -o css/natours.prefix.css
npm ERR！退出状态1
npm错误！
npm ERR！在natours@1.0.0 prefix：css脚本处失败。
npm ERR！ npm可能不是问题。上面可能还有其他日志记录输出。

npm错误！可以在以下位置找到此运行的完整日志：
npm ERR！ C：\ Users \ No.1 \ AppData \ Roaming \ npm-cache_logs \ 2019-01-10T22_37_17_074Z-debug.log

Answer 1

在Windows操作系统中，使用以下语法：

"prefix:css": "postcss --use autoprefixer -b \"last 10 versions\" css/natours.concat.css  -o css/natours.prefix.css"

希望这行得通！

Answer 2

"prefix:css": "postcss --use autoprefixer -b \"last 10 versions\" css/natours.concat.css  -o css/natours.prefix.css"

尝试一下，它对我来说很有用，希望对您有帮助

Answer 3

问题可能出在 postcss 上，请尝试使用 postcss-cli。

但可以肯定的是，运行

postcss --use autoprefixer -b 'last 10 versions' css/natours.concat.css -o css/natours.prefix.css

直接在你的终端中工作，不要运行脚本。

npm运行前缀：css ERR

3 个答案: