运行yarn dev报错问题

近期小编在运行前端项目时遇见了一个非常棘手的问题

 发生这个错误的原因时你安装的node-sass不匹配的原因也有可能是因为你只是安装了node-sass而没有安装sass和sass-loader或者是版本和node-sass不匹配如果这个原因找到合适版本安装上就可以了小编采用的版本

"node-sass": "^9.0.0",

    "sass": "^1.69.5",

    "sass-loader": "^13.3.2",

首先要先移除node-sass

这样项目就可以进行打包运行了,如果你不需要安装sass这样就可以了,想要找到自己合适的版本的sass我们接着向下看

图片来自GitHub - sass/node-sass: :rainbow: Node.js bindings to libsass

 找到自己合适版本即可

根据提供的引用内容,yarn+serve运行报错的解决方法如下: 1. 首先,需要检查报错信息,确定具体的错误原因。 2. 如果是缺少依赖包,可以尝试使用以下命令安装依赖包: ```shell yarn install ``` 3. 如果安装依赖包后仍然报错,可以尝试卸载重装yarn,并重新安装依赖包: ```shell npm uninstall -g yarn npm install -g yarn yarn install ``` 4. 如果以上方法都无法解决问题,可以尝试注释掉相关代码,或者查看官方文档或社区中是否有解决方案。 例如,根据提供的引用,可以尝试注释掉下面的代码: ```javascript // vue.config.js // const CompressionWebpackPlugin = require('compression-webpack-plugin') // const productionGzipExtensions = ['js', 'css'] // const isProduction = process.env.NODE_ENV === 'production' // const path = require('path') // function resolve(dir) { // return path.join(__dirname, dir) // } // module.exports = { // publicPath: './', // outputDir: 'dist', // assetsDir: 'static', // lintOnSave: process.env.NODE_ENV === 'development', // productionSourceMap: false, // devServer: { // port: 8080, // open: true, // overlay: { // warnings: false, // errors: true // }, // proxy: { // '/api': { // target: 'http://localhost:3000', // changeOrigin: true, // pathRewrite: { // '^/api': '' // } // } // } // }, // configureWebpack: config => { // if (isProduction) { // config.plugins.push( // new CompressionWebpackPlugin({ // filename: '[path].gz[query]', // algorithm: 'gzip', // test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'), // threshold: 10240, // minRatio: 0.8 // }) // ) // } // Object.assign(config, { // resolve: { // alias: { // '@': resolve('src') // } // } // }) // } // } ``` 或者根据提供的引用,可以尝试修改代码: ```javascript // app.js // var basedir=$(dirname $(echo $0 | sed -e 's,\\,/,g')); // var basedir=__dirname; ``` 修改后,重新运行项目即可。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值