见bug描述
- 发布:2021-04-16 10:23
- 更新:2021-04-16 10:23
- 阅读:1947
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.9
浏览器平台: Chrome
浏览器版本: 89.0.4389.128
项目创建方式: HBuilderX
操作步骤:
预期结果:
无报错
无报错
实际结果:
见bug描述
见bug描述
bug描述:
// vue.config.js
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin') //最新版本copy-webpack-plugin插件暂不兼容,推荐v5.0.0
const webpack = require('webpack')
const resolve = dir => path.join(__dirname, dir)
module.exports = {
configureWebpack: {
plugins: [
new CopyWebpackPlugin([{
from: resolve('static/images'),
to: path.join(__dirname, 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM,
'images')
}])
],
},
chainWebpack: (config) => {
config.resolve.alias // 添加别名
.set('@pages', resolve('pages'))
.set('@common', resolve('common'))
.set('@static', resolve('static'))
.set('@images', resolve('static/images'))
.set('@api', resolve('api'))
.set('@store', resolve('store'))
.set('@components', resolve('components'))
.set('@utils', resolve('utils'));
},
css: {
loaderOptions: {
// 给 sass-loader 传递 Sass.js 相关选项
sass: {}
}
},
devServer: {
proxy: {
'/api': {
target: 'https://agile.szjfj.net',
secure: false,
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
// index.vue
<style lang="scss" scoped>
@import '@common/common.scss';
.content {
h1 {
color: red;
background: $base-color;
}
}
</style>
// main.js
import api from '@api';
import message from '@components/quick-message/quick-message.vue'
项目目录:见附件
报错:
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
10:21:37.012 SassError: File to import not found or unreadable: @common/common.scss.
10:21:37.017 Parent style sheet: F:\运维平台重构\可视化创建\pages\index\index.vue
10:21:37.027 on line 111 of stdin
10:21:37.027 >> @import '@common/common.scss';
10:21:37.038 ^
10:21:37.048 文件查找失败:'@api' at main.js:4
10:21:37.057 文件查找失败:'@components/quick-message/quick-message.vue' at main.js:5