Nuxt.js npm运行生成结果,未找到某些JS文件

问题描述 投票:1回答:1

我有一个Nuxt.js ^2.10.2应用。

[当我执行npm run dev时,项目会完美构建。

[当我执行npm run build时,然后npm run start。一些JS文件出现404错误。

enter image description here

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',
    },
}

我在做什么错?随着其他文件的正常加载。

vue.js webpack nuxt.js nuxt code-splitting
1个回答
1
投票

找到答案。以.开头的文件不起作用。不确定如何解决]

临时修复:

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

REFERECE:https://nuxtjs.org/api/configuration-build/#filenames

或者也可以使用

build: {
     filenames: {
         chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js'
     }
}
© www.soinside.com 2019 - 2024. All rights reserved.