关于公司项目启动报错

浪人cirs

已于 2022-04-28 11:01:17 修改

阅读量1.3k

点赞数 1

文章标签： vue elementui

于 2022-04-26 13:40:13 首次发布

本文链接：https://blog.youkuaiyun.com/qq_46354557/article/details/124425693

版权

本文档详细记录了在启动Vue项目时遇到的三种常见错误及其解决方案：1) webpack不兼容导致的npm ERR!，解决方法是删除node_modules并重新安装；2) 由于不支持ES6语法产生的错误，通过添加.babelrc文件并配置转译规则来解决；3) 因缺少PostCSS配置文件postcss.config.js，项目无法找到UI框架Element-UI所需的依赖，添加相应配置文件后问题得到解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错一：

npm ERR! tao_admin@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`

原因：webpack未兼容

解决方案：删除node_moudles 重新 npm i 如果依然不能运行查看package.json文件下载对应版本，如果确定已经下载就重启程序

报错二：

原因：不兼容es6语法

解决方案：引入.babelrc文件内容如下:

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

报错三：

Module build failed: Error: No PostCSS Config found in: C:\XXXX\XXXXX\XXXX

原因：项目ui框架基于element-ui 缺少配置文件postcss.config.js

解决方案：引入postcss.config.js内容如下

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {}
  }
}

至此解决，项目成功运行