ElMassimo / ElMassimo/vite_ruby

`An import map is added after module script load was triggered` in console.

Open
#417 6 comments 0 reactions 0 assignees View on GitHub
bug: pending triage
Dominant language
Ruby
Stars
1.6k
Forks
149
Avg merge
5h 13m
Merged PRs (30d)
2

Description

[troubleshooting section]: https://vite-ruby.netlify.app/guide/troubleshooting.html

- [x] I have tried upgrading by running `bundle update vite_ruby`.
- [x] I have read the __[troubleshooting section]__ before opening an issue.

### Description 📖

The following error message appears in the browser console.

```
An import map is added after module script load was triggered.
Uncaught TypeError: Failed to resolve module specifier "application". Relative references must start with either "/", ". /", or "... /".
```

### Reproduction 🐞

_Please provide a link to a repo that can reproduce the problem you ran into._

https://github.com/gomo/vite_rails_report

I did this.
```
rails new .
rails g controller vite index
```

I wrote `gem vite_rails` in my Gemfile.

```
bundle install
bundle exec vite install
bin/vite dev
bundle exec rails s
```

Open `http://localhost:3000/vite/index` in your browser.

Vite Ruby Info

_Run `bin/rake vite:info` and provide the output:_

```
bin/vite present?: true
vite_ruby: 3.3.4
vite_rails: 3.0.17
rails: 7.1.1
node: v20.9.0
npm: 10.1.0
yarn: 1.22.19
Volta error: Could not find executable "pnpm"

Use `volta install` to add a package to your toolchain (see `volta help install` for more info).
Error details written to /Users/masamoto/.volta/log/volta-error-2023-11-09_11_42_23.247.log
pnpm:
ruby: ruby 3.2.0 (2022-12-25 revision a528908271) [arm64-darwin22]

installed packages:
vite_rails_report@ /Users/masamoto/Documents/repos/home/source/sites/vite_rails_report
├─┬ vite-plugin-ruby@3.2.2
│ └── vite@4.5.0 deduped
└── vite@4.5.0
```

### Logs 📜

_If not providing a reproduction:_

Output

_Run `DEBUG=vite-plugin-ruby:* bin/vite dev` or `DEBUG=vite-plugin-ruby:* bin/vite build` and provide the output:_

```
vite-plugin-ruby:config {
vite-plugin-ruby:config base: '/vite-dev/',
vite-plugin-ruby:config build: {
vite-plugin-ruby:config emptyOutDir: true,
vite-plugin-ruby:config sourcemap: false,
vite-plugin-ruby:config assetsDir: 'assets',
vite-plugin-ruby:config manifest: true,
vite-plugin-ruby:config outDir: '../../public/vite-dev',
vite-plugin-ruby:config rollupOptions: { input: [Object], output: [Object] }
vite-plugin-ruby:config },
vite-plugin-ruby:config envDir: '/Users/masamoto/Documents/repos/home/source/sites/vite_rails_report',
vite-plugin-ruby:config root: '/Users/masamoto/Documents/repos/home/source/sites/vite_rails_report/app/javascript',
vite-plugin-ruby:config server: {
vite-plugin-ruby:config fs: { allow: [Array], strict: true },
vite-plugin-ruby:config host: 'localhost',
vite-plugin-ruby:config https: false,
vite-plugin-ruby:config port: 3036,
vite-plugin-ruby:config strictPort: true,
vite-plugin-ruby:config hmr: { clientPort: 3036 }
vite-plugin-ruby:config },
vite-plugin-ruby:config entrypoints: {
vite-plugin-ruby:config 'entrypoints/application.js': '/Users/masamoto/Documents/repos/home/source/sites/vite_rails_report/app/javascript/entrypoints/application.js'
vite-plugin-ruby:config }
vite-plugin-ruby:config } +0ms

VITE v4.5.0 ready in 152 ms

➜ Local: http://localhost:3036/vite-dev/
➜ press h to show help
```

### Screenshots 📷

_Provide console or browser screenshots of the problem_.

Screenshot 2023-11-09 at 11 41 27

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.