我有一个使用 Vue 2.6 的项目，其中此错误发生在样式组装的某个阶段(如果我理解正确的话)。同时，我既无法构建也无法运行该项目，但所有模块均已从 package.json
成功安装错误
ERROR TypeError: Cannot read property 'style-resources-loader' of undefined
详细信息:
ERROR TypeError: Cannot read property 'style-resources-loader' of undefined
TypeError: Cannot read property 'style-resources-loader' of undefined
at module.exports (/var/www/eskso.wsofter.ru/public_html/front/node_modules/vue-cli-plugin-style-resources-loader/index.js:2:53)
at /var/www/eskso.wsofter.ru/public_html/front/node_modules/@vue/cli-service/lib/Service.js:78:7
at Array.forEach (<anonymous>)
at Service.init (/var/www/eskso.wsofter.ru/public_html/front/node_modules/@vue/cli-service/lib/Service.js:76:18)
at Service.run (/var/www/eskso.wsofter.ru/public_html/front/node_modules/@vue/cli-service/lib/Service.js:215:10)
at Object.<anonymous> (/var/www/eskso.wsofter.ru/public_html/front/node_modules/@vue/cli-service/bin/vue-cli-service.js:36:9)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8ffceeffffe7e6fdeacfbfa1bea1bf" rel="noreferrer noopener nofollow">[email protected]</a> build: `vue-cli-service build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the <a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="02716372726a6b706742322c332c32" rel="noreferrer noopener nofollow">[email protected]</a> build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2020-12-12T05_45_34_046Z-debug.log
root@bytebrush:/var/www/eskso.wsofter.ru/public_html/front#
package.json
...
"dependencies": {
"-": "0.0.1",
"axios": "^0.21.0",
"babel-polyfill": "^6.26.0",
"core-js": "^3.8.1",
"es6-promise": "^4.2.8",
"moment": "^2.29.1",
"scroll-lock": "^2.1.4",
"swiper": "^6.4.1",
"v-mask": "^2.2.3",
"v-tooltip": "^2.0.3",
"vee-validate": "^4.0.4",
"vue": "^2.6.12",
"vue-awesome-swiper": "^4.1.1",
"vue-axios": "^3.2.0",
"vue-click-outside": "^1.1.0",
"vue-cool-lightbox": "^2.6.9",
"vue-gtag": "^1.10.0",
"vue-recaptcha": "^1.3.0",
"vue-router": "^3.4.9",
"vue-select": "^3.10.8",
"vue-the-mask": "^0.11.1",
"vue-toasted": "^1.1.28",
"vue-yandex-maps": "^0.10.9",
"vue-yandex-metrika": "^1.8.3",
"vue2-perfect-scrollbar": "^1.5.0",
"vuejs-datepicker": "^1.6.2",
"vuelidate": "^0.7.6",
"vuex": "^3.6.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.9",
"@vue/cli-plugin-eslint": "~4.5.9",
"@vue/cli-plugin-router": "~4.5.9",
"@vue/cli-plugin-vuex": "~4.5.9",
"@vue/cli-service": "~4.5.9",
"@vue/eslint-config-prettier": "^6.0.0",
"babel-eslint": "^10.1.0",
"css-loader": "^5.0.1",
"eslint": "^7.15.0",
"eslint-plugin-prettier": "^3.2.0",
"eslint-plugin-vue": "^7.2.0",
"less": "^3.12.2",
"less-loader": "^7.1.0",
"prettier": "^2.2.1",
"style-resources-loader": "^1.4.1",
"vue-cli-plugin-style-resources-loader": "~0.1.4",
"vue-svg-loader": "^0.16.0",
"vue-template-compiler": "^2.6.12"
}
...
最佳答案
style-resources-loader 用于自动导入某些资源。 vue-cli-plugin-style-resources-loader 只是一个包装器。可能两者都不需要，这可能会导致问题。尝试删除以下devDependency之一:
vue-cli-plugin-style-resources-loader样式资源加载器
例如:
npm uninstall vue-cli-plugin-style-resources-loader
关于node.js - 错误类型错误 : Cannot read property 'style-resources-loader' of undefined，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65262054/