最近在研究webpack这玩意,然后遇到一个问题,执行npm run build的时候,出现下面这个问题,各种搜索后,各种尝试,都没解决

运行时报错ERROR in ./src/app.vue Module build failed: SyntaxError: Unexpected token {

ERROR in ./src/app.vue

Module build failed: SyntaxError: Unexpected token {

at exports.runInThisContext (vm.js:53:16)

at Module._compile (module.js:373:25)

at Object.Module._extensions..js (module.js:416:10)

at Module.load (module.js:343:32)

at Function.Module._load (module.js:300:12)

at Module.require (module.js:353:17)

at require (internal/module.js:12:17)

at Object.<anonymous> (E:\something\vue-test\node_modules\vue-loader\index.js:1:80)

at Module._compile (module.js:409:26)

at Object.Module._extensions..js (module.js:416:10)

at Module.load (module.js:343:32)

at Function.Module._load (module.js:300:12)

at Module.require (module.js:353:17)

at require (internal/module.js:12:17)

at loadLoader (E:\something\vue-test\node_modules\webpack\node_modules\loader-runner\lib\loadLoader.js:13:17)

at iteratePitchingLoaders (E:\something\vue-test\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:169:2)

at runLoaders (E:\something\vue-test\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:362:2)

at NormalModule.doBuild (E:\something\vue-test\node_modules\webpack\lib\NormalModule.js:182:3)

at NormalModule.build (E:\something\vue-test\node_modules\webpack\lib\NormalModule.js:275:15)

at Compilation.buildModule (E:\something\vue-test\node_modules\webpack\lib\Compilation.js:151:10)

at factoryCallback (E:\something\vue-test\node_modules\webpack\lib\Compilation.js:344:12)

at E:\something\vue-test\node_modules\webpack\lib\NormalModuleFactory.js:241:5

at E:\something\vue-test\node_modules\webpack\lib\NormalModuleFactory.js:94:13

at E:\something\vue-test\node_modules\webpack\node_modules\tapable\lib\Tapable.js:268:11

at NormalModuleFactory.<anonymous> (E:\something\vue-test\node_modules\webpack\lib\CompatibilityPlugin.js:52:5)

at NormalModuleFactory.applyPluginsAsyncWaterfall (E:\something\vue-test\node_modules\webpack\node_modules\tapable\lib\Tapable.js:272:13)

at E:\something\vue-test\node_modules\webpack\lib\NormalModuleFactory.js:69:10

at E:\something\vue-test\node_modules\webpack\lib\NormalModuleFactory.js:194:7

at nextTickCallbackWith0Args (node.js:420:9)

at process._tickCallback (node.js:349:13)

@ ./src/index.js 2:0-27

差点要放弃的时候,(当然没放弃,绝望的时候找大神啊 哈哈哈、)被大神点播了下,语法错误,可能应该是node.js的版本问题,我现在安装的nodejs不支持es6的语法,然后就重新安装了下最新的node.js,就解决了 哇哈哈哈、

可能大神们也发现这种问题,但是不是像我这样解决的,欢迎留言分享啊 谢谢!学习在路上......

关于webpack,打包时遇到的错误的更多相关文章

  1. webpack 打包时到底如何组织js

    问题一:引入前端库,方法也是不一样的 比如 lodash.js ,作为一个 chunk 用 html-webpack-plugin 打包到页面里,会生成一个全局变量 window._ ,在其它 js ...

  2. Webpack打包时警告 - Critical dependency: the request of a dependency is an expression

    关于解决 [Webpack] Critical dependency: the request of a dependency is an expression ------------------- ...

  3. vue用webpack打包时引入es2015插件

    1.安装依赖包 $ npm install --save-div babel-preset-es2015 ps:babel-loader.babel-core应该是默认装好的,如果没有安装,请重新安装 ...

  4. webpack打包时排除其中一个css、js文件,或单独打包一个css、js文件

    在项目中经常会需要将一些接口的配合文件或者某些样式文件,分离出来单独打包,便于后期改动,这里我以css文件为例,介绍实现两种方法: 项目目录: 如上图所示,现在我需要将项目中的scBtn.css文件单 ...

  5. nodejs+react使用webpack打包时控制台报错

    一.错误:Uncaught ReferenceError: process is not defined 解决方法: new webpack.DefinePlugin({ 'process.env': ...

  6. vue项目webpack打包后图片路径错误

    首先项目是vue-cli搭建的,项目结构如下: 然后发现在css里写的图片引用地址在开发时正常显示,但在打包扔上服务器之后报错 报的是404,路径前面多了/static/css,不知道为啥. 在自己慢 ...

  7. 使用vue+webpack打包时,去掉资源前缀

    在build文件夹下找到webpack.prod.conf.js文件,搜索 filename: utils.assetsPath('css/[name].[contenthash].css'), 将[ ...

  8. webpack打包时删除console.log,和debugger

    开发过程中我们不可避免的需要console.log调试,然而在上线时如果不删除这些console.log可能会造成内存泄漏,因为console.log出来的变量是不会被GC的,webpack给我们提供 ...

  9. webpack打包时修改package.json的版本号,并输出相关版本

    可直接修改的方式 { plugins: [ function() { // 修改package.json中的版本号 this.plugin('done', function() { const pkg ...

随机推荐

  1. BZOJ 1040: [ZJOI2008]骑士 [DP 环套树]

    传送门 题意:环套树的最大权独立集 一开始想处理出外向树树形$DP$然后找到环再做个环形$DP$ 然后看了看别人的题解其实只要断开环做两遍树形$DP$就行了...有道理! 注意不连通 然后洛谷时限再次 ...

  2. POJ1269 Intersecting Lines[线段相交 交点]

    Intersecting Lines Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 15145   Accepted: 66 ...

  3. C#SMTP发邮件

    public static bool SendMailUse() { string host = "smtp.163.com";// 邮件服务器smtp.163.com表示网易邮箱 ...

  4. 帝国CMS备份出现数据恢复不完整的问题

    今天linux主机中毒了,把用帝国备份王备份之后,恢复了快照到刚建主机的状态: 哎,只怪当初没有勤快的去做快照啊: 重新配置好后: 开始使用帝国备份王: 数据恢复之后,打开文章,提示"附加表 ...

  5. 阿里云学习之API网关

    注:此处仅供api的创建做一个补充参考,API网关的优缺点及创建过程中的参数详情,请参考阿里云开放文档:https://helpcdn.aliyun.com/document_detail/29478 ...

  6. Hexo博客框架

    https://hexo.io/docs/#What-is-Hexo hexo博客应用1 hexo博客应用2 Spark Streaming 消费kafka到HDFS 搭建篇-使用Github-hex ...

  7. Navicat的使用

    Navicat的使用 navicat作为一种数据库的操作工具,在工作中使用的频率很高.相比phpMyAdmin而言,无论是从界面操作的易用性上,还是外观上,抑或是IP的配置上都有着很大的突出优势.ph ...

  8. 【JavaWeb】客户关系管理系统

    前言 为了巩固开发的流程,我们再拿一个客户关系管理系统来练手...! 成果图 我们完成的就是下面的项目! 搭建配置环境 配置Tomcat 导入开发包 建立开发用到的程序包 在数据库创建相对应的表 CR ...

  9. CentOS 设置网络(修改IP&修改网关&修改DNS)

    CentOS修改IP地址 # ifconfig eth0 192.168.1.80 这样就把IP地址修改为192.168.1.80(如果发现上不了网了,那么你可能需要把网关和DNS也改一下,后面会提到 ...

  10. 批量修改git仓库地址脚本

    前言   公司的代码都存放在自己搭建的gitlab上面.之前由于老板升级gitlab.导致下面有个叫做"api"的groups无法访问.通过无所不能的谷歌才知道.在gitlab在某 ...