Gar*_*ine 4 webpack vue.js code-splitting nuxt.js
我有一个 Nuxt.js^2.10.2
应用程序。
当我这样做时npm run dev
,该项目完美构建。
当我做npm run build
那么npm run start
。一些 JS 文件出现 404 错误。
ERROR
Request URL: http://localhost:3000/_nuxt/vendors.pages/account.pages/ca.pages/cart.pages/category/_id/
index.pages/checkout/_step/index.pages/.f705ad4d.1-0-128.js
Request Method: GET
Status Code: 404 Not Found
Remote Address: 127.0.0.1:3000
Referrer Policy: no-referrer-when-downgrade
Run Code Online (Sandbox Code Playgroud)
该文件存在于我的项目中dist/_nuxt/vendor.pages/......
,文件名正确.f705ad4d.1-0-128.js
我的 nuxt.config.js
build: {,
filenames: {
app: '[name].' + version + '.js',
chunk: '[name].' + version + '.js',
vendor: '[name].' + version + '.js',
manifest: '[name].' + version + '.js',
},
}
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?由于其他文件正常加载。
找到了答案。以开头的文件.
不起作用。虽然不知道如何修复它
临时修复:
在我nuxt.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]'
}
}
Run Code Online (Sandbox Code Playgroud)
参考:https ://nuxtjs.org/api/configuration-build/#filenames
或者这也行
build: {
filenames: {
chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js'
}
}
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
3163 次 |
最近记录: |