cli3.0 解决办法:
Failed to load resource: net::ERR_FILE_NOT_FOUND
打开dist/index.html, 引入是有问题的,
在vue-cli 3.0 创建的项目中是找不到webpack的配置文件,因为vue-cli 3.0 将其封装起来了,只需要在项目的根目录下的vue.config.js文件中修改就行了(若项目没有该文件,直接在根目录下添加一个),将baseUrl的值设为 ‘./’即可,修改如下
const webpack = require("webpack");
module.exports = {
pluginOptions: new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
}),
baseUrl: './' // 加入这行就可以了
};
cli2.x 解决办法:
打开config/index.js文件,将build->assetsPublicPath改为“./”,即可,就是前面加个点。
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './', // 修改这里的代码
}
好了 2.x 3.0 都可以解决了
补充
我的版本:
D:\code2\222\bbb> vue -V
@vue/cli 4.5.12
使用新脚手架发现 在vue-cli.3.3版本后 baseUrl被废除了
module.exports = {
baseUrl: process.env.NODE_ENV === 'production'? './': '/'
}
因此这边要把 baseUrl改成publicPath
module.exports = {
publicPath: process.env.NODE_ENV === 'production'? './': '/'
}
搞定
转载请注明出处