ionic4&angular8使用命令ionic build --prod打包之后本地双击www/index.html浏览器无法访问，必须把www部署到web服务器上才能正常访问。

妖狐艹你老母 2024-04-19 12:20 8阅读 0赞

### ionic4&angular8+打包之后本地双击访问www/index.html空白报错，只有把www部署到web服务器上才能正常访问。经过反复查阅资料，对比ionic3和ionic4工程配置（**tsconfig.json**）才发现，原来是使用了：**ES6模块**！ ###

### 报错信息： ###

Access to script at 'file:///C:/Users/Administrator/Desktop/www/runtime-es2015.847c257376eede5504e2.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.  
runtime-es2015.847c257376eede5504e2.js:1 Failed to load resource: net::ERR\_FAILED

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM3Mjc4MDU_size_16_color_FFFFFF_t_70][]

### TypeScript 编译选项： ###

[https://www.tslang.cn/docs/handbook/compiler-options.html][https_www.tslang.cn_docs_handbook_compiler-options.html]

### tsconfig.json 配置对比： ###

//ionic3 tsconfig.json 
    
    {
        "compilerOptions": {
            "module": "es2015",
            "target": "es5",
            "lib": ["dom", "es2015"]
        }
        ...
    }
    
    
    //ionic4 tsconfig.json 
    
    {
        "compileOnSave": false,
        "compilerOptions": {
            "module": "esnext",
            "target": "es2015",
            "lib": ["es2018", "dom"]
        }
        ...
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM3Mjc4MDU_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/5a017428841b426680a8bc6d4343b307.png
[https_www.tslang.cn_docs_handbook_compiler-options.html]: https://www.tslang.cn/docs/handbook/compiler-options.html