In:
https://codesandbox.io/s/dazzling-jepsen-r7283?file=/vue.config.js
基于:
https://stackoverflow.com/a/68308416/1079483
vue.config.js
const path = require("path");
module.exports = {
configureWebpack: {
resolve: {
alias: {
"modal-styles": path.resolve(__dirname, "./src/styles/modal-style.css")
}
}
},
css: {
loaderOptions: {
less: {
modifyVars: {},
javascriptEnabled: true
}
}
}
};
不是由vue-cli加载的。想法是复制:
https://codesandbox.io/s/cs-vue-cli-3-vj2rl?file=/vue.config.js
到达EditCategory.vue
:的styles
标签时
<style scoped>
@import 'modal-styles';
</style>
无法读取别名:
TypeError
Path must be a string. Received null
r
https://codesandbox.io/static/js/common-sandbox.7be24d846.chunk.js:1:246770
Object.isAbsolute
https://codesandbox.io/static/js/common-sandbox.7be24d846.chunk.js:1:247916
(anonymous function)
https://codesandbox.io/static/js/vendors~postcss-compiler~vue-style-compiler.f9e51cefa.chunk.js:1:1069
(anonymous function)
https://codesandbox.io/static/js/vendors~postcss-compiler~vue-style-compiler.f9e51cefa.chunk.js:1:1060
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.
This error overlay is powered by `react-error-overlay` used in `create-react-app`.
style
:中的路径错误
<style>
@import '/src/styles/modal-style.css';
</style>