在 Vue CLI 3.0 中，我们使用 npm 的 package.json 文件来配置打包选项。你可以通过以下步骤来解决静态资源无法正常显示的问题：

1. 在你的项目目录中创建一个名为 public 的文件夹，用于存放静态资源。

2. 在 package.json 文件中，添加一个 public 目录，并添加以下配置：

json { "name": "your-project-name", "version": "1.0.0", "scripts": { "build": "vue build" }, "dependencies": { "vue": "^3.0.0", "vue-router": "^4.1.0", "vue-style-loader": "^3.0.0", "vue-loader": "^14.9.1", "style-loader": "^3.0.0" }, "devDependencies": { "css-loader": "^1.0.2", "less-loader": "^5.0.0", "vue-style-loader": "^14.9.1", "vue-loader": "^14.9.1" }, "browserslist": [ "last 2 versions", "not dead", "not ie 9" ] }

1. 在 src/main.js 文件中，添加以下代码以使用这些配置：

```javascript import Vue from "vue"; import Router from "vue-router"; import Layout from "./components/Layout.vue";

Vue.use(Router);

export default new Vue({ router, render: h => h(Layout) }); ```

1. 最后，你可以通过运行 npm run build 命令来打包和预览你的应用。

以上配置应该可以解决静态资源无法正常显示的问题。如果你还有其他问题，欢迎随时向我提问。