vue打包后jquery is not defined和静态资源路径找不到

关注

原创最新推荐文章于 2026-08-27 16:54:18 发布 3.1k 阅读 AI 写同款· GEO 优化 ›

Vue报错此外，还应该确保文件系统中真实的文件名和引用路径大小写一致，防止因为路径大小写不匹配而发生同样的错误。这个错误提示是由于路径大小写不匹配导致的问题。具体来说，错误信息中指出在。由于操作系统对路径的大小写敏感，导致找不到对应的文件而报错。组件的路径是不是使用了正确的大小写。解决方法是保持路径的大小写一致。组件，但是实际文件系统上的路径是。文件中的脚本部分引用了。，则需要将引用路径改为。，则需要将引用路径改为。阅读详情

1、jquery is not defined:

解决：

webpack.prod.conf.js:

new webpack.DefinePlugin({
      'process.env': env,
      $ : 'jquery',
      jQuery : 'jquery'
    }),

改为：

new webpack.ProvidePlugin({
           $: "jquery",
           jQuery: "jquery"
    }),

2、静态资源路径找不到

解决：

config > index.js:

build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    productionSourceMap: true,
    ...
}

改为：

build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
    productionSourceMap: true,
    ...
}

把绝对路径改为相对路径

收录于