执行 npx tailwindcss init -p 错误,如何解决?
来源:3-3 安装 tailwindcss 到你的项目

柠檬茶之
2022-09-23
老师,你好,我执行 npx tailwindcss init -p 创建 tailwind.config.js 文件时,出现以下错误:
10:04:54 [vite] Internal server error: Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [ReferenceError] module is not defined in ES module scope
This file is being treated as an ES module because it has a ‘.js’ file extension and ‘E:\前端\11基于 Vue3 ,打造前台+中台通用提效解决方案\vite-project\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ‘.cjs’ file extension.
ReferenceError: module is not defined in ES module scope
This file is being treated as an ES module because it has a ‘.js’ file extension and ‘E:\前端\11基于 Vue3 ,打造前台+中台通用提效解决方案\vite-project\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ‘.cjs’ file extension.
at file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/postcss.config.js:1:1
at ModuleJob.run (node:internal/modules/esm/module_job:193:25)
at async Promise.all (index 0)
at async ESMLoader.import (node:internal/modules/esm/loader:533:24)
at async importDefault (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:25992:18)
at async Object.search (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:18429:38)
at async resolvePostcssConfig (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44681:22)
at async compileCSS (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44434:27)
at async TransformContext.transform (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44046:55)
at async Object.transform (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:41102:30)
Plugin: vite:css
File: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project/src/App.vue?vue&type=style&index=0&scoped=7a7a37b1&lang.css
10:04:54 [vite] Internal server error: Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [ReferenceError] module is not defined in ES module scope
This file is being treated as an ES module because it has a ‘.js’ file extension and ‘E:\前端\11基于 Vue3 ,打造前台+中台通用提效解决方案\vite-project\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ‘.cjs’ file extension.
ReferenceError: module is not defined in ES module scope
This file is being treated as an ES module because it has a ‘.js’ file extension and ‘E:\前端\11基于 Vue3 ,打造前台+中台通用提效解决方案\vite-project\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ‘.cjs’ file extension.
at file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/postcss.config.js:1:1
at ModuleJob.run (node:internal/modules/esm/module_job:193:25)
at async Promise.all (index 0)
at async ESMLoader.import (node:internal/modules/esm/loader:533:24)
at async importDefault (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:25992:18)
at async Object.search (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:18429:38)
at async resolvePostcssConfig (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44681:22)
at async compileCSS (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44434:27)
at async TransformContext.transform (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44046:55)
at async Object.transform (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:41102:30)
Plugin: vite:css
File: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project/src/App.vue?vue&type=style&index=0&scoped=7a7a37b1&lang.css (x2)
Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造 前台+中台通用提效解决方案/vite-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [ReferenceError] module is not defined in ES module scope
This file is being treated as an ES module because it has a ‘.js’ file extension and ‘E:\前端\11基于 Vue3 ,打造前台+中台通用提效解决方案\vite-project\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ‘.cjs’ file extension.
ReferenceError: module is not defined in ES module scope
This file is being treated as an ES module because it has a ‘.js’ file extension and ‘E:\前端\11基于 Vue3 ,打造前台+中台通用提效解决方案\vite-project\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ‘.cjs’ file extension.
at file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/postcss.config.js:1:1
at ModuleJob.run (node:internal/modules/esm/module_job:193:25)
at async Promise.all (index 0)
at async ESMLoader.import (node:internal/modules/esm/loader:533:24)
at async importDefault (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:25992:18)
at async Object.search (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:18429:38)
at async resolvePostcssConfig (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44681:22)
at async compileCSS (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44434:27)
at async TransformContext.transform (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44046:55)
at async Object.transform (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:41102:30)
10:04:54 [vite] Internal server error: Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project): [ReferenceError] module is not defined in ES module scope
This file is being treated as an ES module because it has a ‘.js’ file extension and ‘E:\前端\11基于 Vue3 ,打造前台+中台通用提效解决方案\vite-project\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ‘.cjs’ file extension.
ReferenceError: module is not defined in ES module scope
This file is being treated as an ES module because it has a ‘.js’ file extension and ‘E:\前端\11基于 Vue3 ,打造前台+中台通用提效解决方案\vite-project\package.json’ contains “type”: “module”. To treat it as a CommonJS script, rename it to use the ‘.cjs’ file extension.
at file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/postcss.config.js:1:1
6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44681:22)
at async compileCSS (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44434:27) at async TransformContext.transform (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:44046:55) at async Object.transform (file:///E:/%E5%89%8D%E7%AB%AF/11%E5%9F%BA%E4%BA%8E%20Vue3%20%EF%BC%8C%E6%89%93%E9%80%A0%E5%89%8D%E5%8F%B0+%E4%B8%AD%E5%8F%B0%E9%80%9A%E7%94%A8%E6%8F%90%E6%95%88%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/vite-project/node_modules/vite/dist/node/chunks/dep-557f29e6.js:41102:30)
Plugin: vite:css File: E:/前端/11基于 Vue3 ,打造前台+中台通用提效解决方案/vite-project/src/App.vue?vue&type=style&index=0&scoped=7a7a37b1&lang.css
1回答
-
你好
这个是引入依赖包的版本问题,可以从项目源代码中,复制package.json 的所有依赖,到你的项目的 package.json 。重新 npm i 之后 ,该问题即可解决
012022-09-24
相似问题