当前位置: 首页 > 知识库问答 >
问题:

运行npx tailwindcss init-p命令时找不到模块“autoprefixer”

韦衡
2023-03-14

我正在使用Vue3,并试图从下面的教程中向其中添加ailwindcss。https://tailwindcss.com/docs/guides/vue-3-vite#install-tailwind-via-npm

我已使用以下命令安装了依赖项,

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

但是当我尝试使用以下命令创建配置文件时

npx tailwindcss init -p

它给了我以下的错误。

npx:5.2s中安装的83找不到模块“autoprefixer”需要堆栈:

  • /~/。npm/_npx/33283/lib/node_modules/tailwindcss/lib/cli/commands/build。js
  • /~/。npm/_npx/33283/lib/node_modules/tailwindcss/lib/cli/commands/index。js
  • /~/。npm/_npx/33283/lib/node_modules/tailwindcss/lib/cli/main。js
  • /~/。npm/_npx/33283/lib/node_modules/tailwindcss/lib/cli。js

我不知道为什么autoprefixer没有检测到,因为我已经安装了它。甚至是包裹。我拥有它。

{
  "name": "wooclime",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "autoprefixer": "^9.8.6",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0-0",
    "postcss": "^7.0.35",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

共有2个答案

汝和裕
2023-03-14

请卸载运行以下命令:

npm uninstall tailwindcss postcss autoprefixer

卸载此模块后,请运行以下命令:

npm install tailwindcss@latest postcss@latest autoprefixer@latest
巴学潞
2023-03-14

运行:

npx tailwindcss-cli@latest init -p
 类似资料:
  • 我正在尝试使用AWS codebuild生成一个简单的docker应用程序,但遇到一个错误,其中找不到AWS命令: 我有一个超级简单的docker文件,它构建了一个简单的express应用程序: 我有一个超级简单的构建规范。yml构建docker容器并将其推送到aws注册表: 然而一旦运行,它抛出上面张贴的错误^^我不确定为什么没有找到aws cli utils?这里的指南: http://doc

  • 我开始一个简单的超文本标记语言项目与引导4,我想使用编译sass。为此,我使用https://gruntjs.com/getting-started.上描述的node.js和以后的步骤安装了咕噜 当我键入命令时,结果是: 错误:无法在函数中找到模块升空。模块。_resolveFilename(内部/模块/cjs/loader.js:603: 15)在函数。_load(内部/模块/cjs/loade

  • javac-cp“lib/*”src/com/company/main.java 在myproject/src中,我尝试使用: JAVA-CP。COM/公司/主要 C:\myproject\src>javac-cp“lib/*”com/company/main.java C:\myproject\src>java-cp.;“lib/*”com/company/main 现在,代码编译和执行没有任何

  • 我想创建一个运行多个python项目的脚本。每个项目都是阻塞的(意味着每个项目都应该永远运行),所以这个脚本必须并行运行每个项目。此外,我希望在关闭主shell之后,所有这些进程都关闭。这是我想出的shell代码 我尝试使用&使python进程异步运行,但是脚本在第二行之后没有继续,只有第一个项目在运行。 有没有一种方法可以运行所有的python进程?

  • 找不到模块“js yaml”要求堆栈: D: \ REACT NATIVE\portfolio\node\U modules\cosmiconfig\dist\loaders。js

  • 我刚开始咕噜咕噜的。我正在尝试在我的Mac OSX Lion上配置Grunt。 我按照这里的说明,然后创建了一个包含下面文件的项目文件夹。当我尝试通过在终端中键入“grunt”来运行时,我会得到。我还修改了paths,希望添加路径可以使任务运行器工作,但它仍然不能工作。有人能帮忙吗?