Vue.js Nuxt.js npm run build导致找不到某些js文件
我有一个Nuxt.jsVue.js Nuxt.js npm run build导致找不到某些js文件,vue.js,webpack,nuxt.js,code-splitting,Vue.js,Webpack,Nuxt.js,Code Splitting,我有一个Nuxt.js^2.10.2应用程序 当我执行npm运行dev时,项目构建得非常完美 当我执行npm运行构建时,然后执行npm运行启动。一些JS文件出现404错误 该文件存在于我的项目中的dist/\u nuxt/vendor.pages/…,文件名正确.f705ad4d.1-0-128.js 我的numxt.config.js build: {, filenames: { app: '[name].' + version + '.js', ch
^2.10.2
应用程序
当我执行npm运行dev时,项目构建得非常完美
当我执行npm运行构建
时,然后执行npm运行启动
。一些JS文件出现404错误
该文件存在于我的项目中的dist/\u nuxt/vendor.pages/…
,文件名正确.f705ad4d.1-0-128.js
我的numxt.config.js
build: {,
filenames: {
app: '[name].' + version + '.js',
chunk: '[name].' + version + '.js',
vendor: '[name].' + version + '.js',
manifest: '[name].' + version + '.js',
},
}
我做错了什么?其他文件正常加载。找到了答案。以
开头的文件不起作用。但我不知道如何修复它
临时修复:
在我的numxt.config.js中,我添加了
build: {
filenames: {
app: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js',
chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js',
css: ({ isDev }) => isDev ? '[name].css' : '[contenthash].css',
img: ({ isDev }) => isDev ? '[path][name].[ext]' : 'img/[hash:7].[ext]',
font: ({ isDev }) => isDev ? '[path][name].[ext]' : 'fonts/[hash:7].[ext]',
video: ({ isDev }) => isDev ? '[path][name].[ext]' : 'videos/[hash:7].[ext]'
}
}
参考:
或者这也行
build: {
filenames: {
chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js'
}
}
它必须以a开头吗?你能浏览到路径吗?基本上,如果我更改文件名,它就会工作。但不确定为什么此文件没有名称。需要调查。我在npm运行dev
时遇到了问题,但是生产构建很好。设置块名称后,一切正常。
build: {
filenames: {
chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js'
}
}