我遇到的问题是 mochapack 似乎无法与样式资源加载器一起使用。
\n\n似乎产生问题的软件包:
\n\n我的vue.config.js文件:
const path = require("path");\n\nmodule.exports = {\n ...\n\n pluginOptions: {\n "style-resources-loader": {\n preProcessor: "scss",\n patterns: [path.resolve(__dirname, "./src/assets/styles/*.scss")]\n }\n }\n};\nRun Code Online (Sandbox Code Playgroud)\n\n通过上述配置包含的单个 sass 文件:
\n\n@import "~vue-select/src/scss/vue-select.scss";\nRun Code Online (Sandbox Code Playgroud)\n\n它似乎正确加载,vue-select.scss但在解释该文件时,它似乎丢失了当前目录并且找不到导入的样式。
错误日志摘录:
\n\nModule build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: Can\'t find stylesheet to import.\n \xe2\x95\xb7\n1 \xe2\x94\x82 @import "global/variables";\n \xe2\x94\x82 ^^^^^^^^^^^^^^^^^^\n \xe2\x95\xb5\n /node_modules/vue-select/src/scss/vue-select.scss 1:9 @import\n /src/components/HelloWorld.vue 1:9 \nRun Code Online (Sandbox Code Playgroud)\n\n查看完整详细的错误消息和代码:\n https://github.com/petritz/food-calculator-web/runs/560575367
\n