resolve js（vue “TypeError: Object（） is not a function“）

本文目录

• vue “TypeError: Object() is not a function“
• vite.config.js之resolve.alias配置
• node中path.resolve()用法
• nodejs中的resolve是什么意思
• Vue如何在组件内部使用CDN
• Module not found: Error: Can’t resolve ’src/main.js’ in ’E:\Workspace\WebstormProjects\LearnVue’
• 怎么在页面里引入bootstrap的css和js文件
• 怎样在Vue.js中使用jquery插件

vue “TypeError: Object() is not a function“

webpack.config 里面配置alias的时候不要用

’vue/dist/vue.esm.js’这个里面没有zhidirective方法，要用完整版的’vue/dist/vue.js’

resolve: {

alias: {

’vue$’: ’vue/dist/vue.js’,

’@’: resolve(’src’)

}

},

具体要看hoverIntent这个函数了，也有可能你传的函数参数function里面的$(this)指的是全局window，没有click的方法，你把$(this)改成 $(".tabno .tabli")最外面的试试。

原因是在把原先一个较大的js文件拆分成多个小的js文件后，最后一行没有用分号结尾。大部分的jQuery脚本都用(jQuery)结尾，如果没有用分号断行，浏览器就不知道把连接起来了。

扩展资料：

config对象的几个方法：

（1）public String getParameter(String name);

返回制定的名称name初始化参数的值，如果参数不存在则返回null。

（2）public java.util.Enumeration getinitParameterNames();

得到所有初始化参数名称的枚举。

（3）public ServletContext getServletContext();

返回Servlet或JSP页面所属的ServletContext的一个引用。

vite.config.js之resolve.alias配置

在引用组件时，可能是下面这样的，其中的路径是相对于当前页面的, 写起来会比较麻烦。

创建 import 或 require 的别名，来确保模块引入变得更简单。
当使用文件系统路径的别名时，请始终使用绝对路径。相对路径的别名值会原封不动地被使用，因此无法被正常解析。

配置 resolve.alias ：

vite.config.js:

即可@/views直接应用组件：

resolve-alias

node中path.resolve()用法

1、不带参数时
path.resolve() 返回的是当前的文件的绝对路径 /Users/xxxx/
2、带不是 / 开头的参数
path.resolve(’a’) 返回的是当前绝对路径拼接现在的参数 /Users/xxxx/a
path.resolve(’a’，’b’) 返回的是当前绝对路径拼接现在的参数 /Users/xxxx/a/b
3、带 ./ 开头的参数
path.resolve(’./a’) 返回的是当前绝对路径拼接现在的参数 /Users/xxxx/a
path.resolve(’./a’,’./b’) 返回的是当前绝对路径拼接现在的参数 /Users/xxxx/a/b
4、带 / 开头的参数 返回的是 /+‘最后一个前面加/的文件文件名’+‘剩下文件夹
path.resolve(’/a’) 返回的是当前绝对路径拼接现在的参数 /a
path.resolve(’/a’，’/b’) 返回的是当前绝对路径拼接现在的参数 /b
path.resolve(’/a’，’/b’, ’c’) 返回的是当前绝对路径拼接现在的参数 /b/c

其他
Node.js 中， __dirname 总是指向被执行 js 文件的绝对路径

nodejs中的resolve是什么意思

promise接受两个参数，一个人reject，一个是resolve，表示成功时候执行的函数

Vue如何在组件内部使用CDN

引入jQuery
通过npm安装依赖引入
1、安装
```
npm install jquery -S
```1234
2、修改webpack配置文件
build/webpack.base.conf.js
...var webpack = require("webpack") // 1. 确保引入 webpack，后面会用到
module.exports = { ...
resolve: {
extensions: ,
modules: [
resolve(’src’),
resolve(’node_modules’)
],
alias: { ’vue$’: ’vue/dist/vue.common.js’, ’src’: resolve(’src’), ’assets’: resolve(’src/assets’), ’components’: resolve(’src/components’),
// 2. 定义别名和插件位置 ’jquery’: ’jquery’
}
},
plugins: [
// 3. 配置全局使用 jquery
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery", "window.jQuery": "jquery"
})
]
}123456789101112131415161718192021222324252627282930
手动载入
手动下载jquery 放在static 目录下，如：static/js/jquery.min.js
和npm不同的只是在第二步定义别名和插件位置：
alias: { ’vue$’: ’vue/dist/vue.common.js’, ’src’: resolve(’src’), ’assets’: resolve(’src/assets’), ’components’: resolve(’src/components’), // 2. 定义别名和插件位置
"jquery": path.resolve(__dirname, ’../static/js/jquery.min.js’)
}12345678
引入jquery第三方插件
可以通过npm安装的插件
这种引入第三方插件的方法和上一节种引入echarts的方法是一样的
手动引入

Module not found: Error: Can’t resolve ’src/main.js’ in ’E:\Workspace\WebstormProjects\LearnVue’

在学习webpack初期，执行webpack的打包程序的时候，当执行以下命令的时候

webpack ./src/main.js ./dist/bundle.js

会出现以下错误信息

出现的原因是由于安装的webpack版本较高，语法不一致导致的
解决方案

webpack ./src/main.js -o ./dist

会解析成如下结构

怎么在页面里引入bootstrap的css和js文件

在页面里引入bootstrap的css和js文件的方法是通过modules的loader加载的。

1、加载js文件：

var path = require(’path’);

module.exports = {

context: path.resolve(’js’),

entry: "./index",

output: {

path: path.resolve(’build/js/’),

publicPath: ’/public/assets/js/’,

filename: "bundle.js"

}

2、加载css文件：

{test: /\.css$/, loaders: ’style-loader!css-loader’ , exclude: /node_modules/}

3、完整的写法如图：

怎样在Vue.js中使用jquery插件

安装 jQuery 和 cropper.js
# install jQuery & cropper
$ npm install jquery cropper --save
为jquery和Vue自定义指令配置webpack
为webpack配置添加jquery和Vue自定义指令的映射。
通常webpack已经引入了完整的jquery版本，但还是建议再一次引入一下。
您可以看到Vue的webpack模板已经添加到组件的文件夹中。我通常会添加很多其他文件夹像自定义指令，mixin等等。在这个例子中，我们只添加了自定义指令。
这将帮助我们引入依赖关系而无需知道其确切的路径。这也是有益的在你重构你的应用的时候。你也并不需要管理相对路径。
把下面高亮部分添加到build/webpack.base.conf文件中。
resolve: {
extensions: ,
fallback: ,
alias: {
’src’: path.resolve(__dirname, ’../src’),
’assets’: path.resolve(__dirname, ’../src/assets’),
’components’: path.resolve(__dirname, ’../src/components’),
’jquery’: path.resolve(__dirname, ’../node_modules/jquery/src/jquery’),
’directives’: path.resolve(__dirname, ’../src/directives’)
}
},