create-react-app创建的项目npm run build之后,运行build中的index.html,什么都没显示,打开浏览器的F12,发现了几个红色的报错,提示几个文件找不到。 查看生成的index.html,发现,里面引用的js和css的路径都是以"/..."开头的。这样写就是绝对路径了,当然找不到。 正常的应该是相对路径,手动把index.html中的引用...
1,config/index.js build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', // 之前是这样⬇️,多加一个. // assetsPublicPath: '/', assetsPublicPath: './'...
babel src -d lib的意思是将文件src下面所有的文件转码并保存到lib里面。所以src文件要自己建,并在里面放js文件。如何执行npm run build,会自动生成lib文件夹以及里面转码后的js文件。 如果你又新建要新建src2文件并转码并保存到lib2里面的话,直接把"scripts" : { "build" : "babel src -d lib" }改成"sc...
有时候环境问题也可能导致此类错误。你可以尝试更新npm和Node.js到最新版本，然后再次尝试。
其实这个问题是因为路径不对,本地开发的路径和生产的路径不一致的原因,因此打包的时候要改一下路径在config配置文件中更改就可以。 如何修改,方法如下: 方案一:(一般这种情况是可以解决的,如果方案一为能解决就用方案二就可以了) 方案二:
在进行 Vue 项目的打包时,我们常使用 webpack 进行构建,而在执行 npm run build 命令时,有可能会出现各种报错,如找不到模块、路径错误等。针对这些问题,我们可以逐一排查: 检查依赖包是否完整和正确安装:可以使用 npm install 命令重新安装所有依赖包。 检查文件路径是否正确:可以在 webpack 配置文件中检查 entry、...
这个问题很简单,主要是npm自己报错了,更新npm 即可。(奇怪的只是这个项目需要这样,其他项目并没有这个问题,所以还需要查查原因) 命令为:npm i -g npm to update 第二点是更新完npm之后再次运行npm run build 发现还有报错,错误如下: node_modules\extract-text-webpack-plugin\dist\index.js:183 ...
是因为我引用组件的时候省略了Index.vue,(目录结构刚补充到问题里了)本地会自动识别,但是服务器上build就会报错。 0 0 0 没找到需要的内容?换个关键词再搜索试试 向你推荐 npm run build报错 vue-cli运行成功后,npm run dev 报错 vue-cli npm run build后,页面空白没有任何报错 npm run build报错...
直接npm run build会报错如下: ERROR in static/js/0.94510c9d26edb4b687ab.js from UglifyJs Unexpected token: punc (() [./~/time-formater/lib/timeformater.js:21,0][static/js/0.94510c9d26edb4b687ab.js:41797,10] 主要问题是UglifyJs压缩代码的时候,无法压缩ES6的代码,要先用bable转化为ES5. ...