zoukankan      html  css  js  c++  java
  • react.js

     

    用create-react-app脚手架搭建的react项目 使用 npm run build 之后生成的打包文件只能在根目录访问 这样放在服务器目录就访问不到了

    报错为:

    手动更改index.html的路径之后又报静态资源引入错误

    把 

    改为

    这时候报错为:

     解决方法很简单:

    找到myapp目录config文件夹下面  paths.js

    大约在37行左右  (这是在2017-12-23新建的react项目生产的配置文件)

    修改为以下代码

    function getServedPath(appPackageJson) {
      const publicUrl = getPublicUrl(appPackageJson);
      const servedUrl =
      envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './');
      return ensureSlash(servedUrl, true);
    }

    函数圈住是修改路径

    END

    下面介绍修改修改暴露之后的文件解决antd样式丢失问题:


    项目文件/config/webpack.config.dev.js和项目文件/config/webpack.config.prod.js两个文件对应位置加上

     "plugins": [
                    ["import", {"libraryName": "antd-mobile", "style": "css"}],
                ],

    修改之后是这样:

              {
                test: /.(js|jsx|mjs)$/,
                include: paths.appSrc,
                loader: require.resolve('babel-loader'),
                options: {
                  "plugins": [
                    ["import", {"libraryName": "antd-mobile", "style": "css"}],
                ],
                  compact: true,
                },
              },
     
  • 相关阅读:
    iOS开发-文件管理
    MagicalRecord
    NSPredicate的
    Objective-C文件和目录操作,IOS文件操作,NSFileManager使用文件操作
    iOS 开发者必不可少的 75 个工具
    UITableView 删除cell
    手势
    随机数
    PPT2016同时播放多个视频
    MATLAB运行时,弹出图片框影响电脑使用
  • 原文地址:https://www.cnblogs.com/xzqyun/p/8092753.html
Copyright © 2011-2022 走看看