出现如题的错误时
网络上的解决办法:点开错误的文件,标注错误的地方是这样的一段代码:
import {normalTime} from './timeFormat';
module.exports={
normalTime
};
解决方法
通过谷歌查找,和论坛各种搜索:
原因如下:The code above is ok. You can mix require and export. You can‘t mix import and module.exports.
翻译过来就是说,代码没毛病,在webpack打包的时候,可以在js文件中混用require和export。但是不能混用import 以及module.exports
。
因为webpack 2中不允许混用import和module.exports
解决办法就是统一改成ES6的方式编写即可.
import {normalTime} from './timeFormat';
export default normalTime;
如以上可以解决问题,就不用往下看了,如不能解决问题往下看
如果出现的是install任何文件都会出现这个错误,怎么改都不行的话,就是版本的问题了。
项目的版本是旧版的,install的是最新的版本就会出现错误,只需要修改版本号就可以了。
用vue-cli脚手架默认是生成vue 2.x的版本,但可以通过修改命令,来生成1.0的版本。
webpack
vue init webpack#1.0 my-project
webpack-simple
vue init webpack-simple#1.0 my-project
转载于:https://my.oschina.net/mingriyi/blog/3084018
分享到:
相关推荐
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误,通常是因为在同一个模块中混用了CommonJS(`require`和`module.exports`)和ES6模块(`import`...
在Vue开发过程中,有时会遇到一个常见的错误:`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时,由于模块导入导出规范的...
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情:像上面这
Vue打包Cannot read property 'tapPromise' of undefined报错处理 Vue.js是一款流行的前端框架,用于构建用户界面和单页应用程序。然而,在使用Vue.js时,我们可能会遇到一些报错信息,例如Cannot read property '...
主要介绍了Vue项目报错:Uncaught SyntaxError: Unexpected token <,在引入第三方依赖的 JS 文件时,遇到的一个问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
今天做一个 VUE 的项目,在引入第三方依赖的 JS 文件时,遇到了一个问题: 控制台的提示:Uncaught SyntaxError: Unexpected token < 按照提示进入文件,再看如下图: 仔细看了看 index.html 文件,发现原本我...
在Vue.js框架中,`this.$set`是一个用于添加响应式属性的方法,它遵循Vue的依赖追踪机制,确保新添加的属性能够触发视图更新。然而,当你遇到`TypeError: this.$set is not a function`的错误时,通常是因为`this`上...
打开控制台发现报错:object is not a function。 感觉很奇怪,这块的功能最新没动过怎么会突然出问题了呢?上线时主流浏览器都测试过了呀。 虽然奇怪,但是还的解决问题。看着代码发现一个radio对象的name属性和一...
### 创建项目时Vue报错的解决办法 #### 问题背景及描述 在使用Vue.js进行前端项目开发的过程中,有时会遇到创建新项目时出现错误的情况。这类问题可能会导致项目初始化失败,进而影响到后续的开发进度。本文将针对...
在上面的例子中,`<script src="path/to/vue.js"></script>` 是引入Vue.js库的关键,`path/to/vue.js` 需要替换为实际文件所在的路径。接下来,在`<script>`标签内,我们创建了一个Vue实例,并将其挂载到ID为`app`的...
Vue.js 是一款非常流行的前端JavaScript框架,用于构建用户界面。在Vue.js中,事件处理是其核心特性之一,使得开发者可以轻松地响应用户交互。`v-on`指令就是Vue.js中用于事件绑定的关键机制,它允许我们将DOM事件与...
Vue.js和Vue.min.js是两种版本的同一款前端JavaScript框架——Vue.js的实现。Vue.js由尤雨溪(Evan You)开发,旨在为构建用户界面提供简洁、易用且可扩展的工具。这两个文件在功能上是相同的,但它们在实际应用中...
在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件。 传送门 CommonsChunkPlugin 但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is ...以上这篇解决vue项目报错webpackJsonp is
<p ref=”p”>hello</p> <!– this.$refs.p 指向该DOM元素 –> 如果ref属性加在组件上,那么this.$refs.name指向该组件实例 <child ref=”child”></child> <!– this.$refs.child 指向该组件 –> 2.为什么...
在Vue.js应用中,引入SVG图标是常见的需求,因为SVG图标具有良好的可伸缩性和响应性。本篇文章将详细介绍在Vue中引入SVG图标的两种主要方法。 ### 方法一:使用`svg-sprite-loader` 首先,我们需要通过npm或yarn...
<h3><a :href="result.link">{{ result.title }}</a></h3> <p>{{ result.snippet }}</p> </li> </ul> <!-- ... --> </template> ``` 此外,为了优化用户体验,我们还可以添加一些额外的功能,如搜索历史记录、...
### Vue.js 学习文档知识点总结 #### 一、Vue.js 概览 - **起源与发展**: - **起源**:Vue.js 最初由尤雨溪(Evan You)在2013年底作为个人实验项目开始开发。 - **公开发布**:2014年2月正式公开发布。 - **...
<router-link to="/about">About</router-link> <router-view></router-view> </div> </template> ``` 当用户点击这些导航链接时,Vue Router会根据定义的路由规则自动更新视图。 ##### 4. 实现路由跳转 除了...