大佬教程收集整理的这篇文章主要介绍了将 tailwindcss 添加到 vue2 + vuex 项目的依赖错误,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 vue Js 2.0 和 vuex 3 做一个简单的客户经理应用程序(CRUD 应用程序)。尝试使用 npm 安装 tailwindCSS 时,我遇到一个奇怪的错误,我无法解决或找到解决方案!在我实施了 tailwind CSS 并尝试获取正确版本的自动前缀和 postCSS 之后,这种情况开始发生。
(请忽略代码块中注释掉的代码,这在开发过程中仍然很重)
运行 NPM RUN SERVE 后的 POWERSHelL 控制台错误
ERROR Failed to compile with 3 errors 8:28:40 AM
these dependencIEs were not found:
* -!../../../node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!../../../node_modules/postcss-loader/src/index.Js??ref--6-oneOf-3-2!tailwindCSS/base in ./node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??ref--6-oneOf-3-2!./src/assets/styles/tailwind.CSS
* -!../../../node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!../../../node_modules/postcss-loader/src/index.Js??ref--6-oneOf-3-2!tailwindCSS/components in ./node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??ref--6-oneOf-3-2!./src/assets/styles/tailwind.CSS
* -!../../../node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!../../../node_modules/postcss-loader/src/index.Js??ref--6-oneOf-3-2!tailwindCSS/utilitIEs in ./node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??ref--6-oneOf-3-2!./src/assets/styles/tailwind.CSS
To install them,you can run: npm install --save -!../../../node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!../../../node_modules/postcss-loader/src/index.Js??ref--6-oneOf-3-2!tailwindCSS/base -!../../../node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!../../../node_modules/postcss-loader/src/index.Js??ref--6-oneOf-3-2!tailwindCSS/components -!../../../node_modules/css-loader/dist/cJs.Js??ref--6-oneOf-3-1!../../../node_modules/postcss-loader/src/index.Js??ref--6-oneOf-3-2!tailwindCSS/utilitIEs
Error from chokIDar (C:\): Error: EBUSY: resource busy or locked,lstat 'C:\DumpStack.log.tmp'
APP.VUE
<template>
<div ID="app">
<Landing></Landing>
<!-- <AddAccount></AddAccount>
<CurrentAccounts></CurrentAccounts> -->
</div>
</template>
<script>
import Landing from './components/Landing'
// import AddAccount from './components/AddAccount'
// import CurrentAccounts from './components/CurrentAccounts'
export default {
name: 'App',components: {
Landing
// AddAccount,// CurrentAccounts
}
}
</script>
<style>
#app {
Font-family: 'LucIDa Sans','LucIDa Sans Regular','LucIDa Grande','LucIDa Sans Unicode',Geneva,Verdana,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 50px;
}
</style>
@H_335_7@mAIN.Js
import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import AccountStore from './store/accountStore'
import { routes } from './route'
import "tailwindCSS/tailwind.CSS"
import '@/assets/styles/tailwind.CSS'
Vue.config.productionTip = false
Vue.use(VueRouter)
const router = new VueRouter({
routes,mode: 'history'
})
new Vue({
store: AccountStore,el: '#app',router,AccountStore,components: { App },render: h => h(App),}).$mount('#app')
PACKAGE.JsON
{
"name": "accountmanager","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": "^2.6.12","vue-router": "^3.5.1","vuex": "^3.0.1"
},"devDependencIEs": {
"@tailwindCSS/postCSS7-compat": "^2.1.0","@vue/cli-plugin-babel": "~4.5.0","@vue/cli-plugin-eslint": "~4.5.0","@vue/cli-service": "~4.5.0","autoprefixer": "^9.8.6","babel-eslint": "^10.1.0","eslint": "^6.7.2","eslint-plugin-vue": "^6.2.2","postCSS": "^7.0.35","tailwindCSS": "npm:@tailwindCSS/postCSS7-compat@^2.1.0","vue-template-compiler": "^2.6.11"
},"eslintConfig": {
"root": true,"env": {
"node": true
},"extends": [
"plugin:vue/essential","eslint:recommended"
],"parserOptions": {
"parser": "babel-eslint"
},"rules": {}
},"browsersList": [
"> 1%","last 2 versions","not dead"
]
}
console error in chrome dev
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的将 tailwindcss 添加到 vue2 + vuex 项目的依赖错误全部内容,希望文章能够帮你解决将 tailwindcss 添加到 vue2 + vuex 项目的依赖错误所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。