parcel build error: plugin is not a function

Question

我正在尝试构建一个简单的 Web 项目

这样的项目结构

-src
--index.html
--index.js
--style.css
package.json
yarn.lock

我用这个安装了 parcel-bundler

yarn global add parcel-bundler

我运行包裹构建命令

parcel build src/index.html

但是在这个日志之后发生了错误

D:\playground\js\sample>parcel build src/index.html
×  D:\playground\js\sample\src\style.css:undefined:undefined: plugin is not a function
    at LazyResult.run (C:\Users\pc\AppData\Roaming\nvm\v15.14.0\node_modules\parcel-bundler\node_modules\postcss\lib\lazy-result.js:288:14)
    at LazyResult.asyncTick (C:\Users\pc\AppData\Roaming\nvm\v15.14.0\node_modules\parcel-bundler\node_modules\postcss\lib\lazy-result.js:212:26)
    at C:\Users\pc\AppData\Roaming\nvm\v15.14.0\node_modules\parcel-bundler\node_modules\postcss\lib\lazy-result.js:254:14 
    at new Promise (<anonymous>)
    at LazyResult.async (C:\Users\pc\AppData\Roaming\nvm\v15.14.0\node_modules\parcel-bundler\node_modules\postcss\lib\lazy-result.js:250:23)
    at LazyResult.then (C:\Users\pc\AppData\Roaming\nvm\v15.14.0\node_modules\parcel-bundler\node_modules\postcss\lib\lazy-result.js:131:17)

我只是按照parcel官方文档的说明操作

我找不到解决方案

请帮帮我

Answer 1

问题已解决：parcel-bundler 已弃用。使用 'parcel' 而不是 'parcel-bundler'

Answer 2

package.json 如果您预设了脚本...

  "scripts": {
    "start": "parcel index.html",
    "dev": "parcel index.html",
    "build": "parcel build index.html"
  },

...只是 运行

npm run build

否则使用此语法：

npm run build index.html

将 index.html 替换为您要构建的任何文件，但要确保它是同一类型的文件。

Answer 3

试试 --no-minify

为什么接受的答案是“把婴儿连同洗澡水一起倒掉？”

parcel-bundler 仍然有效，但不是修复损坏的部分，它已被 Parcel 2 放弃，不 支持 Vue 2 SFC。

构建一个 Rails 6/Vue 2 应用程序并从 webpack(er) 转换为 parcel，因此 Parcel 2 不适合我。 （强求升级，却不提供升级路径和文档，让我想起了太多的webpack！）

parcel build ./app/packs/entrypoints/*.js --no-minify

这会禁用缩小，这至少为我消除了这个特定错误。