webpack Nuxt.js npm运行构建导致找不到某些JS文件

unguejic 于 2022-11-13 发布在 Webpack

关注(0)|答案(1)|浏览(202)

我有一个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

该文件存在于我的项目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',
    },
}

我做错了什么？因为其他文件加载正常。

webpack

来源：https://stackoverflow.com/questions/59292564/nuxt-js-npm-run-build-results-in-some-js-files-being-not-found

1条答案

按热度按时间

fwzugrvs1#

找到了答案。以.开头的文件不起作用。虽然不知道如何修复它

临时修复：

在我的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]'
  }
}

参考：https://nuxtjs.org/api/configuration-build/#filenames
或者这个也行

build: {
  filenames: {
    chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js'
  }
}

赞(0）回复(0）举报 2022-11-13

我来回答

webpack Nuxt.js npm运行构建导致找不到某些JS文件

1条答案

相关问题

热门标签

最新问答