当使用npm run build的时候报错:TypeError: Cannot read property 'thisCompilation' of undefined

最近接手公司前端外包出去的的项目,然后在npm run build的时候遇到了两个问题。

第一点是  A complete log of this run can be found in:
npm ERR!     C:\Users\90422\AppData\Roaming\npm-cache\_logs\2018-04-28T09_26_42_435Z-debug.log

这个问题很简单,主要是npm自己报错了,更新npm 即可。(奇怪的只是这个项目需要这样,其他项目并没有这个问题,所以还需要查查原因)

命令为:npm i -g npm to update

第二点是更新完npm之后再次运行npm run build 发现还有报错,错误如下:

node_modules\extract-text-webpack-plugin\dist\index.js:183
    compiler.hooks.thisCompilation.tap(plugin, compilation => {
                   ^

TypeError: Cannot read property ‘thisCompilation‘ of undefined

at ExtractTextPlugin.apply (D:\OA\node_modules\extract-text-webpack-plugin\dist\index.js:183:20)

网上百度了一下并没有解决方案,只有大部分报错叫更新一下extract-text-webpack-plugin

然后我看了一下给到我手的package.json发现版本是@4.0.0-beta,但大概可以猜到可能就是这个问题了,就动手解决

先卸载执行 npm uninstall --save-dev extract-text-webpack-plugin

再安装 npm install --save-dev extract-text-webpack-plugin

一定要记得先卸载再安装,不然装不上的哦!

之前开发并没有接触多少webpack搭建的项目,所以卡住了。希望跟我遇到一样问题的不用像我一样被卡住那么久。

本文转自:https://www.cnblogs.com/liuxinheng/articles/10125413.html?from=singlemessage

当使用npm run build的时候报错:TypeError: Cannot read property 'thisCompilation' of undefined

原文地址:https://www.cnblogs.com/nizuimeiabc1/p/12153154.html

时间: 2024-08-29 14:32:59

当使用npm run build的时候报错:TypeError: Cannot read property 'thisCompilation' of undefined的相关文章

使用webpack命令打包时,报错TypeError: Cannot read property 'presetToOptions' of undefined的解决办法

我只安装了webpack,没有安装webpack-cli,第一次输入webpack打包时,提示 One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: - webpack-cli (https://github.com/webpack/webpack-cli) The original webpack full-featured CLI. We wi

VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

正常情况下在data里面都有做了定义 在函数里面进行赋值 这时候你运行时会发现,数据可以请求到,但是会报错 TypeError: Cannot set property 'listgroup' of undefined 主要原因是: 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定.可以看下 Stackoverflow 的解释: 解决办法: 1.用ES6箭头函数,箭头方法可以和父方法共享变量 2.在请求axios外面定义一下 var that=this 问题

VUE - 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

created() { var that=this axios.get('http://jsonplaceholder.typicode.com/todos') .then(function (res) { // handle success // console.log(res); that.todos = res.data }) .catch(function (error) { // handle error console.log(error); }) .finally(function

vue 报错:Cannot read property '__ob__' of undefined

我的原因:引入组件后未注册 <script> import ComFirst from "../../components/ComFirst.vue" import ComSecond from "../../components/ComSecond.vue" export default { name: 'VueFirst', data() { return {} }, components: { //<<这一步未做 ComFirst, C

axios报错: Cannot read property &#39;protocol&#39; of undefined ....

错误: Uncaught (in promise) TypeError: **Cannot read property 'protocol' of undefined ... 源码: 完整错误: import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(axios, VueAxios) 修正一:(亲测) import axios from 'axios' import VueAxios from 'vue-axios'

vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误

在项目中.通过vue-cli 搭建的项目,npm run dev时,以绝对路径引用的相关资源在npm run build 后,页面打开报相关资源404错误: 解决方法如下: 打开build/utils.js,在图中相应位置加入红框内容,其中值可能会有不同,若不同,自己配置成相应的即可. 原文地址:https://www.cnblogs.com/xzma/p/9162584.html

vue-electron 使用sqlite3数据库,执行npm run build 报错 .NET Framework 2.0 SDK,Microsoft Visual Studio 2005[C:\temp\wechat\node_modules\sqlite3\build\binding.sln]

问题描述 vue-electron 使用sqlite3数据库,执行npm run build 报错如下: .NET Framework 2.0 SDK,Microsoft Visual Studio 2005[C:\temp\wechat\node_modules\sqlite3\build\binding.sln]Failed to execute 'C:\Program Files (x86)\nodejs\node.exe C:\Program Files (x86)\nodejs\nod

VUE-CLI Vue安装及开发,npm run build无法查看项目的问题

Vue-cli 本地安装vue项目 需要安装node.js,用node命令行npm的方式安装Vue 步骤: 1.进入项目地址安装 npm install vue-cli -g 2.初始化一下 ESlink e2e等是测试工具,经常会报一些vue语法等错误,有时会比较麻烦,可以关闭 3.再安装依赖 npm install npm安装建议挂VPN,不然很慢而且容易出错,不能挂VPN的话可以用cnpm的方式安装国内镜像 4.安装成功直接打开了首页 5.运行 npm run dev 6.项目编译 npm

npm run build 打包后,如何运行在本地查看效果

目前,使用vue-cli脚手架写了一个前端项目,之前一直是使用npm run dev 在8080端口上进行本地调试.项目已经进行一半了,今天有时间突然想使用npm run build进行上线打包,试试能否成功看到我的项目效果.一开始是毫无头绪,什么都不懂,直接是就在命令行上敲下:npm run build命令. 好开心啊,竟然没有报错.以为就这么简单的成功了,在浏览器上输入:http://localhost/MGT/learnVuex/dist/index.html,一片空白.果然没有那么顺利.