vue项目报错webpackJsonp is not defined

在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件。 传送门 CommonsChunkPlugin

但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。

可以手动改文件引用,但是推荐以下解决办法:

找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件,添加如下配置即可

chunks: [‘manifest‘, ‘vendor‘, ‘app‘]

时间: 2024-11-01 21:29:25

vue项目报错webpackJsonp is not defined的相关文章

vue 项目报错,提示:Cannot read property '$createElement' of undefined at render ...

vue 项目报错,提示:Cannot read property '$createElement' of undefined at render ... vue 项目报错,提示:Cannot read property '$createElement' of undefined at render ... 原文地址:https://www.cnblogs.com/sylys/p/11956063.html

Vue项目报错:Uncaught SyntaxError: Unexpected token <

摘自:https://www.jb51.net/article/150517.htm 遇到问题: 今天做一个 VUE 的项目,在引入第三方依赖的 JS 文件时,遇到了一个问题: 控制台的提示:Uncaught SyntaxError: Unexpected token < 按照提示进入文件,再看如下图: 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的,但引入 /src 和 /static 的文件是有区别的. 解决方案: 解决办法是将第三方

项目中遇到的问题------vue构建好后IDEA导入VUE项目报错的问题

1.原因:js版本太低,导致报错.如下:需要修改设置 默认是ECMAScript5.1 ==>改为ECMAScript6即可. 原文地址:https://www.cnblogs.com/yunliu0603/p/11022956.html

vue 项目报错

1.   空格和缩进不能混搭使用: 2.  export 前面不能有空格: 3.   闭标签后面也不能有空格: 原文地址:https://www.cnblogs.com/jy13638593346/p/9329437.html

vue项目报错

webpack打包时出现 Error: ENOENT: no such file or directory, scandir Module build failed: Error: ENOENT: no such file or directory, scandir 'E:\lpp_vue\ScRM-admin\SCRM-Adm in-Web\node_modules\node-sass\vendor' 问题 :node-sass编译失败 解决方案是执行以下方法: npm rebuild nod

vue 项目报错 You may use special comments to disable some warnings.

 解决方法 把build里面的webpack.base.conf.js里面的createLintingRule里面的内容注释掉 原文地址:https://www.cnblogs.com/xiaomala/p/12342701.html

webpack构建Vue项目引入jQ时发生“&#39;$&#39; is defined but never used”的处理

今天公司需要新建个数据后台,就按照查到的方法构建了Vue框架的项目,引入jQ.bootstrap时,按照在线方法配置,发现 main.js 里的引用jQ一直显示红标,没多想,在按照网上配置完后,npm run dev运行,就抛出这么个错误,百思不得解 错误如下: '$' is defined but never used 1 http://eslint.org/docs/rules/space-before-function-paren 1 http://eslint.org/docs/rule

Vue的报错:Uncaught TypeError: Cannot assign to read only property &#39;exports&#39; of object &#39;#&lt;Object&gt;&#39;

Vue的报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 1.运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目,报错 由于自己vue学习不深入,老是这个报错,找了好久(确切的说是整整一下午^...^)才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'expor

《关于vue运行报错的那些事儿》

vue运行常见报错: 一,序言: 在vue项目运行的时候,有时会报错,就会很头疼,我把常见的报错归为两类:一类是缺少依赖,一类则是找不到相关文件!我会在下方列出来我常见的关于缺少依赖型的报错,希望可以帮到大家~ 二,报错问题: 1,缺少依赖型之简单提示型,如: not find node_modules 'chalk' 解决方法:npm install chalk not find node_modules 'semver' 解决方法:npm install semver 总结一下:类似于像no